理解反选代码：this.checked = !this.checked

最新推荐文章于 2022-11-11 11:14:15 发布
最新推荐文章于 2022-11-11 11:14:15 发布
阅读量954 收藏 1
点赞数
文章标签： 反选
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Sunshineoe/article/details/109655895
版权

 

     总是给当前控件 赋与他当前状态相反的值。

    比如：如果 checked = true 则 checked = false；

    如果当前状态:checked = false 则checked = true; 赋值总是与其状态相反的.

晓风残月一望关河萧索
关注
js操作表格I
wyqwilliam的博客
12-14 173
<html> <head> <title>js操作表格</title> <meta charset="UTF-8"/> <!--声明css代码域--> <style type="text/css"> table{ margin: auto; margin-top: 20px...
CH9,p161,check(this.value)用法
一份耕耘 一份收货
12-19 726
function check(books){ switch(books){ case "生活类": alert("您最喜爱的图书类别是:"+books); break; case "电脑类": alert("您最喜爱
js中的this
不会英语的程序员不是好开拓者
07-04 256
    js中的this非常强大，单纯从字面来理解，其实就是“这个”的意思。但是这个“this”到底指向的是什么，不同的情况，this具备的不同的含义分别是什么。1.如果一个函数中有this，但是它没有被上一级的对象所调用，那么this指向的就是window。2.如果一个函数中有this，这个函数有被上一级的对象所调用，那么this指向的就是上一级的对象。3.如果一个函数中有this，这个函数中包...
关于jQuery设置复选框checked的属性
Tingmmdh的博客
12-05 1012
如果input没有初始定义checked属性， 那么$(this).attr('checkbox'); 它永远返回的是undefined; 如果input初始定义了checked属性， 那么$(this).attr('checkbox'); 它永远返回的的是checked; $(this).prop('checked'); 它的返回值是boolean; 选中为ture,否则
jQuery实用案例之全选反选操作
小龙爷的博客
08-28 418
今天带来jQuery的第一个案例：全选反选 三个我觉得比较要注意的点： ①.实现反选功能的时候，先遍历每一个checkbox，然后进行状态反转this.checked = !this.checked; <script> //3. 点击'反选': 改变所有爱好的勾选状态 $("#ch...
JS----checked----checked选中和未选中的获取
热门推荐
直到世界的尽头
04-10 5万+
全选、全不选、反选功能html代码        篮球        足球        排球        网球        壁球        乒乓球        羽毛球                          JS代码function setVal(iNum){        var aForm = document.getElementById("myForm");
function checkboxSelectAll() { var checkboxes = document.getElementsByName("hobby"); for (var i = 0; i < checkboxes.length; i++) { checkboxes[i].checked = true; } } // 全不选 function checkboxSelectNone() { var checkboxes = document.getElementsByName("hobby"); for (var i = 0; i < checkboxes.length; i++) { checkboxes[i].checked = false; } } // 反选 function checkboxSelectReverse() { var checkboxes = document.getElementsByName("hobby"); for (var i = 0; i < checkboxes.length; i++) { checkboxes[i].checked = !checkboxes[i].checked; } }更改为jQuery
05-31
In this version, we use the `prop()` method to set the `checked` property of each checkbox. To select all checkboxes, we set the property to `true`. To deselect all checkboxes, we set the property to ...
原生JS表格列表全选反选单选多选代码.zip
07-11
 checkbox.checked = this.checked;  }  };  for (var i = 0; i < checkboxs.length; i ) {  checkboxs[i]. {  var isCheckedAll = true;  for (var i = 0; i < checkboxs.length; i ) {  if (!...
JS简单表格列表全选反选代码.zip
06-07
总的来说，"JS简单表格列表全选反选代码.zip"提供的源码可以帮助开发者理解如何利用JavaScript实现表格的全选和反选功能，这对于前端开发人员来说是一项基础但至关重要的技能。通过学习和实践这个代码，你可以加深对...
$("#all").click(function(){ $("#checked").prop("checked",this.checked); }) let all=document.querySelector("#all"); let check=document.querySelector("#checked"); let checked=document.querySelector("#checked:checked"); $("#checked").click(function(){ if(this.checked){ if(check.size===checked.size){ } } })
最新发布
06-09
这段代码是用来实现全选和反选的功能。当 `#all` 被选中时，所有的 `#checked` 元素都会被选中；当 `#all` 取消选中时，所有的 `#checked` 元素都会被取消选中。而当 `#checked` 中的某个元素被选中时，如果所有 `#...
Vue全选，多选，单选，反选
qq_44707181的博客
12-02 589
1.全选 cheakAll: false 改变全选状态，为true时全部打勾（遍历单选） getAll(){ this.shopList.forEach(（item ，index）=> { item.check = this.cheackAll //check为单选状态 }) } 2.多选，单选 ① var n = 当前shopList中的check值为ture的个数 ② if(选中的长度 == 全选的长度)，全选为true,否则为false changAll(){ 第一种方式 //选中状态 fi
设置checkbox复选框为readonly只读的两种方式
zerojunyan的专栏
04-09 2732
本文分享下，设置复选框checkbox为只读(readonly)模式的两种方式，它们是return false与this.checked。有需要的朋友参考下吧。 很多时候，我们需要设置checkbox复选框中的选项为只读模式。 下面为大家介绍二种方法。 例1，由于checkbox无readOnly属性，使用disabled=“disabled”属性，只会让checkbox变成灰色。 使用如
vue前端面试
xiaoququ的博客
09-17 691
双向数据绑定的原理 当data 有变化的时候它通过Object.defineProperty(）方法中的set方法进行监控，并调用在此之前已经定义好data 和view的关系了的回调函数，来通知view进行数据的改变 而view 发生改变则是通过底层的input 事件来进行data的响应更改 <script> let p = document.querySelector('p');...
vue库element-ui checkbox使用方式
小芳的专栏
11-11 1345
el-checkbox
jQuery获取和设置checkbox的checked属性小结
weixin_33958585的博客
04-20 456
最近在项目中使用到jQuery设置checkbox，使用场景是页面上有三类单选框，一个是全选所有页数据(id='cb1'),一个是选择当前页(id='cb2')，一个是选择一条(name='cb3')，也算常用的场景。 一开始全选框的点击事件这样写： $("#cb1",this).click(function(){ var al...
jquery判断checked的三种方法:
snn1410的专栏
08-21 4万+
jquery判断checked的三种方法: .attr(‘checked’):   //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false .prop(‘checked’): //16+:true/false .is(‘:checked’):    //所有版本:true/false//别忘记冒号哦 jquery赋值checked的
$(this).attr("checked", true); 设置不了
weixin_30240349的博客
09-08 424
<script src="../js/jquery-1.7.2.min.js" type="text/javascript"></script> 用 $(this).attr("checked", true); <script src="/js/jquery.js" type="text/javascript"></scr...
checkbox 通过onclick事件替换选中的“on”值，设置选中值为1，取消选中，设置其值为0 的简单方法
huanle_yhl的博客
10-13 6364
在input属性中添加onclick事件：onclick="this.value=this.checked?1:0" 举例： type="checkbox" name="hasPopupMsg1" #if($!hasPopupMsg1 == 1)checked="checked" #end onclick="this.value=this.checked?1:0"> 测试结果：
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值