Search

与我们合作

我们专注:网站策划设计、网络多媒体传播、网站优化及网站营销、品牌策略与设计
主营业务:网站建设、移动端微信小程序开发、VI设计、网络运营、云产品·运维解决方案

有一个品牌项目想和我们谈谈吗?

您可以填写右边的表格,让我们了解您的项目需求,这是一个良好的开始,我们将会尽快与您取得联系。当然也欢迎您给我们写信或是打电话,让我们听到您的声音

您也可通过下列途径与我们取得联系:

地 址: 深圳.龙岗区大运软件小镇11栋3楼

电 话: 138 2888 4598 / 138 0880 9053

网 址: http://www.appvx.cn

快速提交您的需求 ↓

jq判断复选框是否被选中

时间:2017-07-26 浏览:3289 编辑:深圳网站建设 来源:互联网

代码如下:

//是否被选中验证有选中的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); 

}); 


本站文章均为深正网站建设摘自权威资料,书籍,或网络原创文章,如有版权纠纷或者违规问题,请即刻联系我们删除,我们欢迎您分享,引用和转载,但谢绝直接搬砖和抄袭!感谢...
GO 欣赏案例
查看经典案例
在线咨询
电话咨询
0755-36630177
返回顶部
在线咨询 获取报价 电话咨询
获取报价
您的称呼:

*

您的电话:

*

您的邮箱:

*

提交 重置
重要的事情,电话里聊

接通客服

不方便的时候线上咨询,在线等哦