jq判断复选框是否被选中

2017-07-26 22:04:00 2823 1 编辑:深圳网站建设 来源:互联网

代码如下:

//是否被选中验证有选中的return true,否return false 

function mycheckbox() { 

var falg = 0; 

$("input[name='soft[]']:checkbox").each(function () { 

if ($(this).attr("checked")) { 

falg += 1; 

}) 

if (falg > 0) 

return true; 

else 

return false; 

这是一个比较不错的方法,收藏了。

下面这个函数是对上面的补充:

代码如下:

本来就是这种写法啊。jq1.42的写法。 

其次,建议你的逻辑处理 

function mycheckbox() { 

var falg = 0; 

$("input[name='soft[]']:checkbox").each(function () { 

if ($(this).attr("checked")) { 

falg =1; 

return false; 

}) 

if (falg > 0) 

return true; 

else 

return false; 

}

下面是简单的判断

jquery核心判断语句判断语句 

if($('input:checkbox').attr("checked")==true) 

谁都知道 在html 如果一个复选框被选中 是 checked="checked"。 

但是我们如果用jquery alert($("#id").attr("checked")) 会提示您是true而不是checked 

所以很多朋友判断 if($("#id").attr("checked")=="true") 这个是错误的,其实应该是 if($("#id").attr("checked")==true) 

例子里面包括了一下几个功能。 

<input type="button" id="btn1" value="全选"> 

<input type="button" id="btn2" value="取消全选"> 

<input type="button" id="btn3" value="选中所有奇数"> 

<input type="button" id="btn4" value="反选"> 

<input type="button" id="btn5" value="获得选中的所有值"> 

代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 

<HTML> 

<HEAD> 

<TITLE> New Document </TITLE> 

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 

<SCRIPT LANGUAGE="JavaScript" src="http://www.cnjquery.com/demo/jquery.js"></script > 

<SCRIPT LANGUAGE="JavaScript"> 

<!-- 

$("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); 

}) 

}) 

//--> 

</SCRIPT> 

</HEAD> 

<BODY> 

<form name="form1" method="post" action=""> 

<input type="button" id="btn1" value="全选"> 

<input type="button" id="btn2" value="取消全选"> 

<input type="button" id="btn3" value="选中所有奇数"> 

<input type="button" id="btn4" value="反选"> 

<input type="button" id="btn5" value="获得选中的所有值"> 

<br> 

<input type="checkbox" name="checkbox" value="checkbox1"> 

checkbox1 

<input type="checkbox" name="checkbox" value="checkbox2"> 

checkbox2 

<input type="checkbox" name="checkbox" value="checkbox3"> 

checkbox3 

<input type="checkbox" name="checkbox" value="checkbox4"> 

checkbox4 

<input type="checkbox" name="checkbox" value="checkbox5"> 

checkbox5 

<input type="checkbox" name="checkbox" value="checkbox6"> 

checkbox6 

<input type="checkbox" name="checkbox" value="checkbox7"> 

checkbox7 

<input type="checkbox" name="checkbox" value="checkbox8"> 

checkbox8 

</form> 

代码如下:

/************单个checkbox全选************************/ 

function clickCheckbox() { 

if($("#checkPathAll").attr("checked")) 

$("input[name='checkPath']").each(function() { 

$(this).attr("checked", true); 

}); 

else 

$("input[name='checkPath']").each(function() { 

$(this).attr("checked", false); 

}); 


本站文章均为深正网站建设摘自权威资料,书籍,或网络原创文章,如有版权纠纷或者违规问题,请即刻联系我们删除,我们欢迎您分享,引用和转载,但谢绝直接搬砖和抄袭!感谢...
关注深正互联

15

技术从业经验

多一份方案,会有收获...

联系深正互联,免费获得专属《策划方案》及报价

在线咨询
微信交谈
拒绝骚扰,我们只想为给您带来一些惊喜...
多一份免费策划方案,总有益处。

请直接添加技术总监微信联系咨询

深正互联微信
扫描即可沟通