`

复选框选中,与未选中时,值得变化

 
阅读更多
var checkCount = 0;
function tobox(obj){
var boxid = document.getElementById("id");
//var boxes = document.getElementsByName("box");
if(obj.checked == true){
checkCount++;
if(obj.value !=null||obj.value==""){
if(checkCount == 1){
boxid.value = obj.value;
}else{
boxid.value += "|"+obj.value;
}
    }else {
    boxid.value = "";
    }
}

   
    if(obj.checked == false){
    checkCount--;
    var boxid_value = boxid.value;
    if(checkCount < 1){
    boxid.value = "";
    return;
    }
    var box = boxid_value.split("|");
    boxid.value = "";
    for(var i = 0; i < box.length; i++){
      if(box[i] == null|| box[i] == ""){
      continue;
      }
    if(obj.value != box[i]){
    if(i == 0){
    boxid.value = box[i];
    }else{
    boxid.value += "|"+box[i]
    }
    }
    }
    if(boxid.value.substring(0,1) == "|"){
    boxid.value = boxid.value.substring(1);
    }
    }   
}


用一个文本框来接受复选框中的值,在选中复选框,文本框中的值会相应的增加,并且用“|”分隔;在勾去选中的复选框时,文本框中的值会相应的减少。
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics