js 获取复选框 和 并改变状态
function checkAll() { var checkbox = document.getElementById('vegeids');// var boxes = document.getElementsByName("vegeid"); if(checkbox.checked){ for(i=0;i<boxes.length;i++){ boxes[i].checked = true; } } else{ $(":checkbox").attr("checked", false); } }
思路:获取checkbox对象,根据value属性设置checkbox的checked属性(true为选中,false为取消选中)。下面实例演示——根据文本框的制定值设置复选框的选中项: 1、HTML结构 <input name="test" type="checkbox" value="1" />item-1 <input name="test" type="checkbox" value="2" />item-2 <input name="test" type="checkbox" value="3" />item-3<br> <input name="test" type="checkbox" value="4" />item-4 <input name="test" type="checkbox" value="5" />item-5<br> <input type="text" id="val"><input type="button" value="确定" onclick="fun()"> 2、javascript代码 function fun(){ var val = document.getElementById("val").value.split(","); var boxes = document.getElementsByName("test"); for(i=0;i<boxes.length;i++){ for(j=0;j<val.length;j++){ if(boxes[i].value == val[j]){ boxes[i].checked = true; break } } } }
input type="checkbox" id="test" /> 这是要给checkbox <button onclick='check()'>test</button> 1 2 3 4 5 6 7 8 9 function check(){ var checkbox = document.getElementById('test');// alert(checkbox.checked);//是否被选中 if(checkbox.checked){ //选中了 }else{ //没选中 } } checked属性就是用来表示是否选中的