jquery如何判断checkbox(复选框)?相信有很多刚刚接触jquery的朋友都会有这样的疑问。本章就给大家介绍jquery如何判断checkbox(复选框)是否被选中。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。
谁都知道在html如果一个复选框被选中是checked="checked"。但是我们如果用jquery alert($("#id").attr("checked")) 会提示您是true而不是checked。所以很多朋友判断 if($("#id").attr("checked")=="true") 这个是错误的,其实应该是 if($("#id").attr("checked")==true)。
例子里面包括了一下几个功能:
代码:
New Document$("document").ready(function(){
$("#btn1").click(function(){
$("[name='checkbox']").attr("checked",'true');//全选
});
$("#btn2").click(function(){
$("[name='checkbox']").removeAttr("checked");//取消全选
});
$("#btn3").click(function(){
$("[name='checkbox']:even").attr("checked",'true');//选中所有奇数
})
$("#btn4").click(function(){
$("[name='checkbox']").each(function(){
if($(this).attr("checked"))
{
$(this).removeAttr("checked");
}
else
{
$(this).attr("checked",'true');
}
})
})
$("#btn5").click(function(){
var str="";
$("[name='checkbox'][checked]").each(function(){
str+=$(this).val()+""r"n";
//alert($(this).val());
})
alert(str);
})
})
checkbox1
checkbox2
checkbox3
checkbox4
checkbox5
checkbox6
checkbox7
checkbox8
以上就是对jquery如何判断checkbox(复选框)是否被选中的全部介绍,如果您想了解更多有关JavaScript视频教程,请关注PHP中文网。