用Jquery改变复选框的状态

最新推荐文章于 2024-08-07 18:43:26 发布
最新推荐文章于 2024-08-07 18:43:26 发布
阅读量8.3k 收藏
点赞数
文章标签： jquery input function c
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dddddz/article/details/5859563
版权

实现点击复选框c1，可以改变复选框c2的状态的效果：

<html>

<head>

<script type="text/javascript">

function switchState(){
 if($(this).attr('checked' == false)){
  if($("input[name='person']").attr('checked'))
   $("input[name='person']").attr('checked',false);
 }else{

  if($("input[name='person']").attr('checked')==false)
   $("input[name='person']").attr('checked',true);

}
}

</script>

 

<body>

 

<input type="checkbox" name="c1" οnclick="switchState();">

<input type="checkbox" name="c1" >

</body>

</html>

dddddz
关注
jquery 对checkbox的操作
03-01
博文链接：https://qsfwy.iteye.com/blog/236001
jQuery获取复选框选中的当前行的某个字段的值
10-19
总之，jQuery提供了强大而简洁的API来处理DOM操作，如获取复选框状态和遍历元素。在这个例子中，通过理解HTML结构和jQuery的选择器，我们可以轻松获取用户选择的行的特定字段值。这在网页交互和数据处理中是非常实用...
jquery checkbox选中、改变状态、change和click事件
weixin_30873847的博客
05-18 2742
这个常用的小知识点感觉有必要记一下: jquery判断checked的三种方法:.attr('checked'); //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false.prop('checked'); //16+:true/false.is(':checked'); //所有版本:true/false//别忘记冒号哦 jquery赋值che...
jQuery操作复选框checkbox
最新发布
IT开发
08-07 120
【代码】jQuery操作复选框checkbox。
Jquery复选框操作
dengtangda9444的博客
06-10 328
目录 HTML 全选,取消全选 获取被选中的复选框 On和undefined问题 HTML <div class="form-inline"> <button type="button" class="btn btn-sm"...
jquery 复选框(选中/取消）获取状态
weixin_30374009的博客
01-23 89
$("#login-rem").attr("checked","checked") //设置选中 $("#login-rem").removeAttr("checked")//设置不选中 $("#login-rem").is(":checked")//获取是否选中的状态 true选中 false 不选中 其中使用attr属性不合适 因为设置选中（成功），取消选中（成功），继续想要设置选中却...
jquery判断checkbox是否选中及改变checkbox状态
weixin_30266885的博客
03-24 39
　　有时候判断checkbox是否选中或者说找出某个元素下面所有选中的checkbox的时候，有时候总是不行，每次都要折腾一下，很是烦恼，以为有时候用的jquery版本不一样，选取的方式也不一样，记下来方便以后查看使用。 jquery判断checked的三种方法: .attr(‘checked’): //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:tr...
jquery实现带复选框的表格行选中删除时高亮显示
12-12
本示例展示了如何利用jQuery实现一个带复选框的表格，使得在选中或删除表格行时能够高亮显示，提升用户体验。下面将详细解释实现这两个功能的关键步骤和涉及的jQuery语法。 首先，我们需要一些基本的HTML结构，包含...
jquery动态复选框取值
11-11
当复选框状态改变时，可以执行相应的函数： ```javascript // 当复选框状态改变时，打印当前值 $('input[type="checkbox"]').on('change', function() { var currentStatus = $(this).is(':checked') ? '已选中' :...
jquery判断复选框选中状态以及区分attr和prop
11-24
对于复选框，`prop("checked")`将准确地告诉你复选框是否被选中，即使用户已经改变了它的状态。 让我们通过一个具体的例子来理解这一点： ```html 检查状态 <script src="https://code.jquery....
jquery实现 复选框 选中和不选中 美化复选框
04-27
使用CSS来改变复选框的外观。由于浏览器的安全限制，我们不能直接修改原生复选框的样式，所以我们通常会隐藏原生的复选框，然后创建一个新的元素（如`<span>`）来作为美化后的复选框。通过CSS，我们可以定义这个...
jQuery 更改checkbox的状态,无效的解决方法
qq_27009517的博客
04-28 1542
今天写页面遇到复选框动态全选或全不选问题，正常写法如下： 1 $("#tb").find("input[type='checkbox']").attr("checked","checked"); but！第一次点击全选按钮input显示对勾，第二次就不行了，查了下有建议用prop的，亲测有效。那两者有啥区别呢？ jQuery函数attr()和prop()的区别： 1、操作对象不同 “attr”和“prop”分别是单词“attribute”和“...
JQ监控checkbox的选中与否做出相应改变
CAO11021的博客
08-20 7915
 Html代码： &lt;tr&gt; &lt;td height="90" align="center" class="color999"&gt; &lt;input name="Agreements" type="checkbox" /&gt;我已认真阅读并同意遵守&lt;a href="#" c
jQuery设置CheckBox的几种方式
白高林的专栏
03-04 2万+
jQuery设置CheckBox的几种方式工作记录 1.attr // 设置复选框微勾选状态 $('.my-checkbox').attr('checked', 'checked'); // 设置复选框未选中状态 $('.my-checkbox').removeAttr('checked'); 2.prop // 设置复选框微勾选状态 $('.my-checkbox').p...
jquery改变checkbox状态及判断checkbox是否选中
sjian1990的博客
02-06 6178
使用语句$.attr('checked',true)，将复选框的属性改为被选中，但是在chrome中通过js进行操作时，复选框没有被勾选。                 后来发现是在高版本的jquery引入prop方法，而checked属性分为attribute->checked，和property->true,false。                 jquery判断checked
jQuery的checkbox状态获取与状态设置（赋值）
热门推荐
mdjfk的博客
09-06 2万+
jQuery判断checkbox是否选中： 1、if( $('#checkbox-id').is(':checked') )  2、if ( $('#checkbox-id').attr('checked') )  3、if( $("#checkbox-id").attr("checked") == "true" )  //错误      if( $("#checkbox-id").att...
jQuery操作复选框状态
从零出发
11-07 4087
jQuery操作复选框状态 在很多项目中，我们通常需要用户同意相关协议，才可以进行某种操作；在这种场景下，我们需要获取复选框的checked属性，才可以正确的执行判断。 代码结构 &amp;amp;lt;div class=&amp;quot;tips&amp;quot;&amp;amp;gt; &amp;amp;lt;input type=&amp;quot;checkbox&amp;quot; /&amp;amp;gt; &am
jquery利用attr()方法改变checkbox控件状态的问题
林中路
09-02 3831
使用jquery进行购物车里的商品全选和全不选操作时，需要改变所有checkbox的状态，原来的写法是：$(".selectall").on("click",function(){ if($(this).html()=="x"){ $("[name = chkItem]:checkbox").attr("checked", true);
jquery获取复选框的状态
05-28
2. 绑定监听器，当复选框状态改变时触发： ```javascript $('#myCheckbox').on('change', function() { var isChecked = $(this).prop('checked'); // 处理复选框状态 }); ``` 无论哪种方式，都可以得到该复选框...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值