复选框checkbox 判断是否选中及添加移除选中状态

最新推荐文章于 2022-09-06 16:33:08 发布
最新推荐文章于 2022-09-06 16:33:08 发布
阅读量2.1k 收藏
点赞数
分类专栏： HTML javascript 文章标签： 复选框 复选框状态
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41067386/article/details/79225242
版权
<!DOCTYPE html>
< htmllang= "en">

< head>
< metacharset= "UTF-8">
< metaname= "viewport" content= "width=device-width, initial-scale=1.0">
< metahttp-equiv= "X-UA-Compatible" content= "ie=edge">
< title>Document</ title>
</ head>
< body>
< input type= "checkbox" id= "checkbox">
< button id= "button">点我看是否选中</ button>
< br>
< br>
< input type= "checkbox" id= "checkbox2">
< button id= "button2">点我切换选中状态</ button>
< script src= "./jquery.min.js"></ script>
< script>
$( '#button'). click( function () {
if ( $( '#checkbox'). is( ':checked')) {
console. log( '选中')
} else {
console. log( '没有选中')
}
})
// 第二种方法
$( '#button'). click( function () {
if ( $( '#checkbox'). prop( 'checked')) {
console. log( '选中prop')
} else {
console. log( '没有选中prop')
}
})
// jquery1.6 +: prop的4种赋值:
// $("#checkbox2cb1″).prop("checked",true);
// $("#checkbox2).prop({checked:true}); //map键值对
// $("#checkbox2).prop("checked",function(){ })
// $("#checkbox2).prop("checked","checked");
var onOff = true;
$( '#button2'). click( function (){
if (onOff) {
$( "#checkbox2"). prop( "checked", true);
} else {
$( "#checkbox2"). prop( "checked", false);
}
onOff = !onOff;
})
</ script>
</ body>

</ html>

qq_41067386
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery判断checkbox选中状态
10-22
- 使用jQuery的`.is()`函数可以轻松判断复选框是否被选中： ```javascript var isChecked = $('#cbxSelectAll').is(':checked'); ``` - 如果使用`.attr('checked')`来获取状态，可能会得到`null`，因为`checked...
C#实现将选中复选框的信息返回给用户的方法
09-03
对于每个复选框，它检查 `Checked` 属性来判断是否被选中。如果复选框被选中，那么它的 `Text` 属性（即显示给用户的文本）会被添加到结果字符串 `items`，后面跟上分隔符 `split`。最后，如果 `items` 不为空，会...
复选框判断全选与否以及选中删除
weixin_30293079的博客
11-07 114
做了一个仿邮箱的页面 要做成的效果是：勾选上面的复选框，代表全选，下面的也会勾上，然后然后点击删除时，选中的一行都会删除掉。 html 和css代码省略掉，直接js: //全选与否 $("table td input[type = checkbox]").click(function(){ if(t...
怎么判断单选 复选框的选中状态
木槿之夏
12-01 3324
jquery 根据name属性查找 (“div[id]”)选择所有含有id属性的div元素；(“div[id]”)选择所有含有id属性的div元素 ； (“input[type=’radio’]”) 选择页面中的type为单选的元素 $(“input[name=’a’]”)；选出所有name为a的input元素；jquery中怎么判断单选按钮和复选按钮被选中
jquery灵活操作复选框(checkbox)操作汇总（获取值，判断是否选中，全选，取消全选等）
qq_37555524的博客
09-21 357
复选框（Checkbox)是我们在开发Web系统中最常用的控件之一，但对于很多开发朋友来说，特别是从事ASP.NET开发的朋友来说，可能以前用惯了服务器端控件，对于如何正确的使用js或者说jquery...
vue判断input框中的checkbox(单选)是否为选中状态
Now_li的博客
10-21 1万+
开发购物车项目中需要判断商品是否选中或者取消。开始使用的是Vant-ui中的 van-checkbox 组件，因为van-checkbox无法获取v-model中的状态值 后来就直接使用input写了。 <input type="checkbox" v-model="item.onYes" :name="item.id" @click="choice(item,index)"/> //item.onYes是后台返回的初始值（字符串格式，可以使用Boolean()进行转义为布尔类） 在metho
复选框判断是否选中checkbox
weixin_43727458的博客
06-15 2294
复选框选中与取消选中判断 使用中经常出现选中复选框则动态将选中的数据添加到组件中，再次点击取消选择则从组件中移除，怎么判断当前组件是选中还是取消选择很关键。那么怎么来判断呢？ 代码 <!-- 复选框，根据自己的组件而定--> <van-checkbox-group v-model="thematicSelect" style="padding: 5px 10px;"> <van-checkbox v-for="item in dataList" :name="item.v
layui 监听表格复选框选中值的方法
10-18
layui的表格组件提供了`checkbox`事件，我们可以使用它来监听复选框的选中和取消状态。这里我们使用`table.on('checkbox(push_port_table)', function(obj)`来绑定事件，`push_port_table`是表格的唯一标识。 3. ...
CSS定义Radio单选项和Checkbox复选框样式有效代码
09-22
在网页设计中，Radio单选项和Checkbox复选框是常见的表单元素，用于收集用户的选择信息。然而，由于浏览器的安全限制，直接通过CSS（层叠样式表）来改变Radio和Checkbox的默认样式通常是无效的。这是因为这些原生的...
jQuery分别获取选中的复选框值的示例
10-25
总结来说，jQuery 提供了多种方式来处理复选框的选择状态，无论是获取选中的值，还是根据后端数据预设复选框的状态，都可以灵活实现。这些方法在实际开发中非常实用，可以帮助我们构建交互性更强的网页应用。
小程序中单选框radio-group和复选框van-checkbox-group在修改操作中如何根据操作记录默认选中和变为不可选状态
qq_42751248的博客
08-29 6138
一、业务背景：最近在开发一个微信小程序试题“顺序练习”模块，该模块里有一定数量的各种类型试题（单选题、多选题、判断题、简答题和应用题），用户可以进入进行顺序试题练习，同时在做题的过程中，会对试题是否做对/做错，是否做过，用户答案进行记录，和相关数量的统计。简单来说，就是针对该模块，每个用户都有个完成情况，具体效果图如下： ...
复选框的全选和取消全选
weixin_52385232的博客
09-06 1182
复选框的全选和取消全选
【Element-UI】el-table的Checkbox多选框判断是选中还是取消
奋斗者
03-18 8470
<el-table v-loading="itemLoading" ref="itemTable" :data="itemTableData" tooltip-effect="dark" :row-key="getRowKeys" style="width: 100%" @select="itemHandleSelectionChange"> <el-table-column type="selection" width="55" :reserve-sel
jQuery取消checkbox选中状态
热门推荐
祈澈菇凉
11-01 1万+
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jQuery取消checkbox选中状态</title> </head> <body> <input type="button" value="取消" on...
Jquery实现复选框的选中和取消
lym003的博客
04-30 1万+
复选框的选中与取消 我在网上看了好多关于这个问题的解答，好多都是一两个按钮的触发事件，有的甚至没有任何效果，经过自己的调试发现这个方法好用一点： 首先我在页面上添加了这样一个复选框 我的复选框是动态加载的，内容是从数据库加载的。 显示的效果图就是以上这样的。 代码 $("#inputc").click(function () { $(“input[name=‘ck’]”).prop(“che...
weui获取checkbox选中值 带GIF效果演示
免费天气预报接口 - 天气api
11-01 3010
效果演示 代码如下 <div class="weui-cells weui-cells_checkbox"> <label class="weui-cell weui-check__label" for="s11044"> <div class="weui-cell__hd"> <input type="check...
jquery1.6中的.prop()和.attr()异同
别人在走，我在跑
05-17 804
最近在iteye的新闻中看到jQuery已经更新到了1.6.1。和之前版本的最大变化是增加了.prop方法。但是.prop()方法和.attr()方法，单从字面上很难区分。在汉语中properties和attributes都有表示“属性”的意思。下面根据这篇博文（javascript:mctmp(0);），简要翻译了.prop()和.attr()的用法： 1、从1.5.2升级到1.6.1 通过...
根据复选框checkbox进行删除tr操作
金闪闪吉尔伽美什
12-09 398
//根据复选框checkbox进行删除tr操作 function deleteChecked() { $("input[name='check_name']:checked").each(function() { // 遍历选中的checkbox n = $(this).parents("tr").index(); // 获取checkbox所在行的index...
添加复选框的功能是选中并且删除
最新发布
05-27
在事件处理函数中，我们判断复选框是否被选中，如果被选中，则使用div的removeChild方法将复选框和标签从div中移除。 2. 如果想要一开始就为复选框添加选中删除的功能，可以在创建复选框后立即判断其是否被选中，并...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值