复选框checkbox常用点

//取得checkbox的选择值

View Code 
1 var b=document.getElementById("mobileflag").checked;
2     if(b == true) {
3         b = "Y";
4     }else {
5         b = "N";
6     }

 

取得全部选中的值：

View Code 
var bol = document.getElementsByName("product");
var arr = new Array();
for（int i=0; i < bol.length;i++）}
         if(bol[i].checked == true){
            arr[i] = bol[i].value; 
        }
}

<input type="checkbox" name="chk"/></r>

<input type="checkbox" name="chk"/></r> 

<input type="checkbox" name="chk"/></r> 

<input type="checkbox" name="chk"/></r>

var list = document.getElementsByName("chk");

 list[i].checked  = true; //为选中
 list[i].checked  = false; //为不选中

 

//全选、全不选

View Code 
 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
 5 <title>无标题文档</title>
 6 <script type="text/javascript" >
 7 function checkall() {
 8     var list = document.getElementsByName("chk");
 9     for(var i = 0; i < list.length; i++) {
10          if(list[i].type = "checkbox") {
11              list[i].checked = document.getElementById('control').checked;
12          }
13     }    
14 }
15 </script>
16 </head>
17 
18 <body>
19 <input type="checkbox" name="chk"/></r>
20 <input type="checkbox" name="chk"/></r>
21 <input type="checkbox" name="chk"/></r>
22 <input type="checkbox" name="chk"/></r>
23 
24 
25 <input type="checkbox" id="control" onclick="checkall()"></input>
26 </body>
27 </html>

 

通过url传送所有选中的checkbook

View Code 
var j = 0;
                var r = document.getElementsByName("contractid");
                var ary = new Array();
                for(var i = 0 ; i < r.length ; i++){
                      if(r[i].checked){
                          ary[j] = r[i].value;
                          j++;
                          //alert(r[i].value);
                      }
                }
                document.location.href = "${path}/policyinput/aproval?contractid="+ary;

 

 

示例：

<html>
<head>
<script type="text/javascript">
function check()
  {
  document.getElementById("check1").checked=true
  }
function uncheck()
  {
  document.getElementById("check1").checked=false
  }
</script>
</head>
<body>

<form>
<input type="checkbox" id="check1" />
<input type="button" onclick="check()" value="Check Checkbox" />
<input type="button" onclick="uncheck()" value="Uncheck Checkbox" />
</form>

</body>
</html>
View Code

 

posted on 2012-06-26 09:46  lovebeauty  阅读(261)  评论(0)  编辑  收藏  举报

导航