【www.bbyears.com--js教程】
利用JS,全选FORM中的所有CHECKBOX。
Javascript代码:
代码如下<script language=javaScript>
//全选或全部不选
function checkall() {
var isChecked=(document.form1.checkAll.checked == true);
var elements_all=document.form1.elements;
for(i=0;i
if(element.type=="checkbox") {
element.checked=isChecked;
}
}
}
//是否有checkbox被选中
function anyChecked() {
var elements_any=document.form1.elements;
for(i=0;i
if(element.checked == true) {
return true;
}
}
return false;
}
</script>
HTML代码:
再看一个jquery实例
jQuery.attr 获取/设置对象的属性值,如:
$("input[name="chk_list"]").attr("checked"); //读取所有name为"chk_list"对象的状态(是否选中)
$("input[name="chk_list"]").attr("checked",true); //设置所有name为"chk_list"对象的checked为true
代码如下
<script src="http://code.jquery.com/jquery-1.4.4.min.js" type="text/javascript"></script> <script type="text/javascript">
$(function() {
$("#checkAll").click(function() {
$("input[name="subBox"]").attr("checked",this.checked);
});
var $subBox = $("input[name="subBox"]");
$subBox.click(function(){
$("#checkAll").attr("checked",$subBox.length == $("input[name="subBox"]:checked").length ? true : false);
});
});
</script>
全选
项1
项2
项3
项4