jquery如何判断checkbox（复选框）是否被选中

最新推荐文章于 2022-01-26 08:39:34 发布
最新推荐文章于 2022-01-26 08:39:34 发布
阅读量154 收藏
点赞数
文章标签： jQuery JavaScript HTML .net Blog ViewUI

谁都知道 在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);
});
}
}

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/kinglino520/archive/2009/11/03/4763608.aspx

iteye_3619
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery操作checkbox选择
pplsunny----舞动青春
06-28 2526
禁止星期： @Html.CheckBoxList("weekdays", true) @Html.ValidationMessageFor(m => m.checkWeekdays) ===============
jquery判断复选框是否被选中的方法
01-19
jquery 判断复选框是否选中以及如何选中的问题做一下总结。 进入正题，还是当页面有如下一组复选框的时候： <input type=checkbox name=fruit value=apple />苹果 <input type=checkbox name=fruit value...
jquery如何判断checkbox（复选框）是否被选中,至少被选中一个
cai58201827的专栏
07-27 9611
例子里面包括了一下几个功能。    &lt;input type="button" id="btn1" value="全选"&gt;    &lt;input type="button" id="btn2" value="取消全选"&gt;    &lt;input type="button" id="btn3&quot
jQuery判断checkbox是否选中的方法和动态选择和反选
Code鱼
11-15 4640
今天用jQuery 做一个全选,结果尴尬了，脑子短路了不知道怎么判断是否选中； 写给以后的自己。下面是一个完整的全选/反选的例子：<input type="checkbox" id="wholeSelect" value=""><!--全选按钮--> <input type="checkbox" name="checkbox" value="1"> <input type="checkbox" n
jquery判断单个复选框是否被选中的代码
12-11
”cr”>我已经阅读</label> a 用DOM方式来判断是否被选中 代码如下: $(function(){ var $cr = $(“#cr”); var cr =$cr[0]; $cr.click(function(){ if(cr.checked){ alert(“谢谢注册”); } else{ alert&#40...
jquery判断checkbox(复选框)是否被选中的代码
01-19
代码如下: //是否被选中验证有选中的return true,否return false function mycheckbox() { var falg = 0; $(“input[name=’soft[]’]:checkbox”).each(function () { if ($(this).attr(“checked”)) { falg += 1;...
jquery处理checkbox（复选框）是否被选中实例代码
10-19
主要介绍了jquery处理checkbox（复选框）是否被选中实例代码的相关资料,需要的朋友可以参考下
jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码
10-26
本篇文章主要是对jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
jQuery判断checkbox是否选中
滕青山博客
01-26 1691
if ($("#checkbox-id").get(0).checked) { // do something } 来源： jQuery判断checkbox是否选中的3种方法 - 远洪 - 博客园
jQuery 判断 checkbox 是否被选中的几种方法
热门推荐
lee576的专栏
12-04 4万+
方法一：if ($("#checkbox-id")get(0).checked) { // do something}方法二：if($(#checkbox-id).is(:checked)) { // do something}方法三：if ($(#checkbox-id).attr(checked)) { // do something}
jquery 根据 CheckBox name 来判断至少有一项被选择
huanhuan8944172的专栏
03-01 2003
$("input:checkbox[name='a']:checked").length &gt; 0 其中 name='a' 中的 a 为你定义的checkbox的name值，如： &lt;input type="checkbox" name="test"/&gt; 此时，name为 test. 自己记录一下，下次就知道了。 参考：https://blog.csdn.net/a772...
jQuery判断checkbox是否选中的3种方法
yihuliunian的博客
06-06 683
转载自品略图书馆http://www.pinlue.com/article/2020/06/0417/4110683654409.html jQuery能够极大提高html的编写效率，其中checkbox的选中判断有几种： 1， $(checkbox的id).prop("checked") 返回的是一个boolean值类型 2， $(this).is(":checked") 返回的也是一个boolean值类型 下面举一个点击checkbox修改文本框属性的例子： <!doctype...
checkbox的使用总结,判断是否选中
LeoStarry2014的博客
11-11 754
方法一： 1 if ($("#checkbox-id").get(0).checked) { 2 // do something 3 } 方法二： 1 if($('#checkbox-id').is(':checked')) { 2 // do something 3 } 方法三： 1 if ($('#checkbox-id').at...
jq判断复选框是否被选中及选中复选框
qq_39098505的博客
09-30 5137
//给复选框设置id $("#id").is(":checked");//判断复选框是否选中，返回true或false $("#id").prop("checked",true);//设置复选框为选中状态 $("#id").prop("checked",false);//设置复选框为不选中状态  ...
JQuery 获取checkbox被选中的值
weixin_30835649的博客
07-05 1000
html代码<ulid="dxbox"> <li><inputtype="checkbox" name="dns_area" id="chk1" value="jsdx"/><span>江苏电信</span></li><li><inputty...
使用JQuery获取被选中的checkbox的value值
weixin_30251587的博客
12-01 1085
上网查了一下，感觉一些人回答得真的是不知所云，要么代码不够简便。或者是有些想装逼成分等。 以下为使用JQuery获取input checkbox被选中的值代码: <html> <head> <meta charset="gbk"> <!-- 引入JQuery --> <script src="...
jquery 判断复选框是否选中
最新发布
12-24
可以使用jQuery的prop()方法来判断复选框是否被选中。首先，我们需要在HTML中给复选框添加一个id属性，然后在jQuery中使用prop()方法来判断该复选框是否被选中。 例如，假设我们有一个id为“checkBox”的复选框，我们可以这样来判断它是否被选中： ```javascript if($('#checkBox').prop('checked')) { console.log('复选框被选中了'); } else { console.log('复选框没有被选中'); } ``` 以上代码中，我们使用了prop('checked')方法来获取复选框的选中状态，如果复选框被选中，prop('checked')会返回true，否则返回false。 另外，我们也可以使用is()方法来判断复选框是否被选中： ```javascript if($('#checkBox').is(':checked')) { console.log('复选框被选中了'); } else { console.log('复选框没有被选中'); } ``` 以上代码中，我们使用了is(':checked')方法来判断复选框的选中状态，如果复选框被选中，is(':checked')会返回true，否则返回false。 总之，无论是使用prop()方法还是is()方法，都可以很方便地判断复选框是否被选中。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值