如何将8个同名的CHECKBOX，值是0或1，提交后保存到一个8位的整型上，并且刷新见面后要能根据0或1判断是否选中

Question

          printf("<form id=\"frmTS23_16\" name=\"frmTS23_16\" method=\"post\" action=\"slotConfig.cgi?chassis_idx=%d&slot_idx=%d\" target=\"actPro\">\n", p_map.ChassisIndex, SlotIndex);          if(p_map.SlotTS23_16&00000001==0)
            {
              printf("  <input name=\"TS23_16\" id=\"TS23_16\" type=\"checkbox\" value=\"0\" />\n");
              printf("            <span class=\"style6\">TS16</span>\n");
            }
          else
            {
              printf("  <input name=\"TS23_16\" id=\"TS23_16\" type=\"checkbox\" value=\"1\" checked=\"checked\" />\n");
              printf("            <span class=\"style6\">TS16</span>\n");
            }          if(p_map.SlotTS23_16&00000010==0)
            {
              printf("  <input name=\"TS23_16\" id=\"TS23_16\" type=\"checkbox\" value=\"0\" />\n");
              printf("            <span class=\"style6\">TS17</span>\n");
            }
          else
            {
              printf("  <input name=\"TS23_16\" id=\"TS23_16\" type=\"checkbox\" value=\"1\" checked=\"checked\" />\n");
              printf("            <span class=\"style6\">TS17</span>\n");
            }          if(p_map.SlotTS23_16&00000100==0)
            {
              printf("  <input name=\"TS23_16\" id=\"TS23_16\" type=\"checkbox\" value=\"0\" />\n");
              printf("            <span class=\"style6\">TS18</span>\n");
            }
          else
            {
              printf("  <input name=\"TS23_16\" id=\"TS23_16\" type=\"checkbox\" value=\"1\" checked=\"checked\" />\n");
              printf("            <span class=\"style6\">TS18</span>\n");
            }          if(p_map.SlotTS23_16&00001000==0)
            {
              printf("  <input name=\"TS23_16\" id=\"TS23_16\" type=\"checkbox\" value=\"0\" />\n");
              printf("            <span class=\"style6\">TS19</span><br>\n");
            }
          else
            {
              printf("  <input name=\"TS23_16\" id=\"TS23_16\" type=\"checkbox\" value=\"1\" checked=\"checked\" />\n");
              printf("            <span class=\"style6\">TS19</span><br>\n");
            }          if(p_map.TS23_16&00010000==0)
            {
              printf("  <input name=\"TS23_16\" id=\"TS23_16\" type=\"checkbox\" value=\"0\" />\n");
              printf("            <span class=\"style6\">TS20</span>\n");
            }
          else
            {
              printf("  <input name=\"TS23_16\" id=\"TS23_16\" type=\"checkbox\" value=\"1\" checked=\"checked\" />\n");
              printf("            <span class=\"style6\">TS20</span>\n");
            }          if(p_map.SlotTS23_16&00100000==0)
            {
              printf("  <input name=\"TS23_16\" id=\"TS23_16\" type=\"checkbox\" value=\"0\" />\n");
              printf("            <span class=\"style6\">TS21</span>\n");
            }
          else
            {
              printf("  <input name=\"TS23_16\" id=\"TS23_16\" type=\"checkbox\" value=\"1\" checked=\"checked\" />\n");
              printf("            <span class=\"style6\">TS21</span>\n");
            }          if(p_map.SlotTS23_16&01000000==0)
            {
              printf("  <input name=\"TS23_16\" id=\"TS23_16\" type=\"checkbox\" value=\"0\" />\n");
              printf("            <span class=\"style6\">TS22</span>\n");
            }
          else
            {
              printf("  <input name=\"TS23_16\" id=\"TS23_16\" type=\"checkbox\" value=\"1\" checked=\"checked\" />\n");
              printf("            <span class=\"style6\">TS22</span>\n");
            }          if(p_map.SlotTS23_16&10000000==0)
            {
              printf("  <input name=\"TS23_16\" id=\"TS23_16\" type=\"checkbox\" value=\"0\" />\n");
              printf("            <span class=\"style6\">TS23</span>\n");
            } 
          else
            { 
              printf("  <input name=\"TS23_16\" id=\"TS23_16\" type=\"checkbox\" value=\"1\" checked=\"checked\" />\n");
              printf("            <span class=\"style6\">TS23</span>\n");
            }     printf("<input name=\"subTS23_16\" type=\"submit\" id=\"subTS23_16\" value=\"设置\"><br></from>\n");大概的代码就是这样的，可以忽略printf

Answer 1

看了楼主的标题 我想你的需求是不是：当你选中了checkbox,然后刷新页面后让它保存住选项？？

Answer 2

<style>
.userData { behavior:url (#default#userdata);}
</style>
<INPUT TYPE="checkbox" NAME="ock" class="userData">
<INPUT TYPE="checkbox" NAME="ock" class="userData">
<INPUT TYPE="checkbox" NAME="ock" class="userData">
<INPUT TYPE="checkbox" NAME="ock" class="userData">
<SCRIPT LANGUAGE="JavaScript">
<!--
/*IE Only 不认为这是个好的解决方法*/
var ocheck = document.getElementsByName('ock');
for(var i = 0; i<ocheck.length; i++){
ocheck[i].attachEvent('onclick',saveChecked);

}
function saveChecked(){
for(var i = 0; i<ocheck.length; i++){
ocheck[i].setAttribute("bCheckedValue",ocheck[i].checked);
ocheck[i].save("ocheckValue"+i);
}
}
window.attachEvent('onload',loadCheck);
function loadCheck(){
var chk='';
for(var i = 0; i<ocheck.length; i++){
ocheck[i].load("ocheckValue"+i);
chk = (ocheck[i].getAttribute("bCheckedValue")=='true')?true:false;
ocheck[i].checked = chk;

}
}
//-->
</SCRIPT>

Answer 3

先根据CHECK的值拼凑成一个整数，等取出来时再转换成字符串，计算字符串的长度，再按位获取，具体代码略。

Answer 4

.userData { behavior:url (#default#userdata);}这句话是什么意思啊？？========================================================================
会非常麻烦的吗？但是现在浏览器种类很多，用其它浏览器的用户还是很多的呀，能不能帮忙写个呢，
或者你教俺个方法吧，说得详细写，呵呵

Answer 5

根据CHECK的值拼凑成一个整数取出来时再转换成字符串---这样就是连着写两个子函数了呀？？？有没有现成的JS函数什么的可以比较方便一点的？

Answer 6

.userData { behavior:url (#default#userdata);} 
userData是IE提供的一种存储行为，userData得容量要比cookie大得多所以不考虑兼容的话，userData要好些

Answer 7

哦，这样啊。
那你前面的那些代码可以把这几个同名的checkbox的值组成一个整数存储到一个变量中吗？

Answer 8

<style>
.userData { behavior:url (#default#userdata);}
</style>
<INPUT TYPE="checkbox" NAME="ock" class="userData">
<INPUT TYPE="checkbox" NAME="ock" class="userData">
<INPUT TYPE="checkbox" NAME="ock" class="userData">
<INPUT TYPE="checkbox" NAME="ock" class="userData">
<SCRIPT LANGUAGE="JavaScript">
<!--
/*IE Only 不认为这是个好的解决方法*/
    var ocheck = document.getElementsByName('ock');
    for(var i = 0; i<ocheck.length; i++){
        ocheck[i].attachEvent('onclick',saveChecked);
        
    }
    function saveChecked(){
        for(var i = 0; i<ocheck.length; i++){
            ocheck[i].setAttribute("bCheckedValue",ocheck[i].checked);
            ocheck[i].save("ocheckValue"+i);        
        }
    }
    window.attachEvent('onload',loadCheck);
    function loadCheck(){
var o = [];//这里就存着状态
    var chk='';
        for(var i = 0; i<ocheck.length; i++){
            ocheck[i].load("ocheckValue"+i);
            chk = (ocheck[i].getAttribute("bCheckedValue")=='true')?true:false;
            ocheck[i].checked = chk;
o.push(chk);
        }
alert(o)//看下出的结果
    }
//-->
</SCRIPT>

Answer 9

<INPUT TYPE="checkbox" NAME="ock" >
<INPUT TYPE="checkbox" NAME="ock" >
<INPUT TYPE="checkbox" NAME="ock" >
<INPUT TYPE="checkbox" NAME="ock" ><SCRIPT LANGUAGE="JavaScript">
<!--
/*这是cookie*/
function readCook(){

}
function Cookie(){
this.set = function(name,value,expireTime){ if(!expireTime) expireTime = new Date();
document.cookie = name+"="+value+";"+"expire="+expireTime.toGMTString();
};
this.get = function(name){
var cookies = document.cookie.split("; ");
for(var i = 0; i < cookies.length; i++){
var s = cookies[i].split("=");
if(s[0]==name) return s[1];
}
}
}
var cookie = new Cookie();
var ocheck = document.getElementsByName('ock');
    for(var i = 0; i<ocheck.length; i++){
        ocheck[i].onclick = saveChecked;       
    }
function saveChecked(){
for(var i = 0; i<ocheck.length; i++){ 
cookie.set("ok"+i,ocheck[i].checked);
        }
}
 window.onload = loadCheck;
    function loadCheck(){
var sign = ''
        for(var i = 0; i<ocheck.length; i++){
sign = (cookie.get("ok"+i)=='true') ? true : false;

            ocheck[i].checked = sign;   
        }
    }
//-->
</SCRIPT>