关于input标签的类型为checkbox时，添加checked属性时遇到的问题

最新推荐文章于 2023-03-02 15:00:34 发布
最新推荐文章于 2023-03-02 15:00:34 发布
阅读量640 收藏
点赞数 1
文章标签： css html html5 css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41373791/article/details/110137665
版权

问题描述

我想通过js控制checkbox的checked属性，但是当我通过element.style.checked=true为某个元素添加checked属性时发现没有效果。

问题解决

最后试了几种方法发现竟然是直接通过element.checked = true为该元素添加checked属性。

不懂就问

问题虽然解决了，可是不明白。难道checked属性不是元素的样式属性吗？还有没有类似的属性是直接通过element. 的方式修改的？希望社区中各位社友能传道解惑。

苹果砸醒了逃课的牛顿
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jquery attr方法获取input的checked属性问题
10-25
在这里，我们深入探讨这两个方法以及在处理`input`元素的`checked`属性时为何推荐使用`prop`。 `attr`方法在HTML元素中获取或设置的是属性的字符串值。例如，对于`<input type="checkbox" id="selectAll" checked>`...
Juqery 复选框 type=checkbox checked无效问题
大师兄
03-11 1257
原文链接:https://dsx2016.com/?p=317 ➢ 情境 点击选中或取消选择 Jquery1.1稳定版 复选框input=checkbox ➢ 问题 使用Jquery设置checked属性,取消选中后无法再次选中. checked属性有但是不生效 只有第一次生效其他不生效 ➢ 解决 选中复选时,使用prop设置属性,在at...
checkbox标签勾选了但没有checked=checked和checkbox标签已有checked=checked但是不显示勾选
Corey
04-07 7319
checkbox标签勾选了但没有checked=checked这种情况需要自己创建一个选中事件&lt;div class="keep-pwd"&gt;    &lt;label&gt;        &lt;input type="checkbox" id="remLoginChk"&gt;        &lt;label&gt;记住账号&lt;/label&gt; 
checkbox属性checked="checked"已有，但却不显示打勾的解决办法
anxin591025的专栏
09-29 2万+
在做权限管理的时候，做了一个功能，就是当勾选栏目，把所有的权限全勾上。刚开始使用了如下代码： function check(id,check) { if (check) { $("." + id).find("input[type='checkbox']").attr("checked", true); } else { $("." + id).find("input[type='c
html 为checkbox添加check函数,html 里 checkbox里 只要选中就会自动添加checked=“checked”么？...
weixin_28953369的博客
06-11 1021
事实上HTML代码是不会发生变化的,但是控件对象的属性会发生变化以反映这个操作的结果.也就是说,该对象的checked属性值会由false变成true.但元素标签中并不会插入checked="checked"这样的字符串.标记全部任务如果勾中这个复选框 再console.log $('#toggleAll').attr('checked') 应该得到true但得到的是undefined如果用J...
html中的input标签的checked属性jquery判断代码
10-27
然而，在描述中提到的一个特殊情况下，当`<input>`标签的`type`属性被设置为`button`时，尝试给`checked`属性赋值会导致Visual Studio报错，提示`checked`不是一个有效的`<input>`元素特性。 实际上，`checked`属性...
JS操作input标签属性checkbox全选的实现代码
12-09
if(document.getElementById("controlAll").checked){//判断当id为controlAll的标签是否被选中 for(var i=0;i<checklist.length;i++){ checklist[i].checked = true;//当被选中时，则获取所有na
IE中radio 或checkbox的checked属性初始状态下不能选中显示问题
09-05
然而，不同浏览器之间对于HTML元素的解析和处理可能存在差异，其中IE浏览器就存在一个特定的问题，即在初始状态下无法通过`checked`属性正确设置`radio`或`checkbox`为选中状态。这个问题主要体现在`IE`的早期版本，...
checkbox 选中和取消切换没效果
一叶知春秋
07-25 4746
如果你引入的JQuery是1.6+的版本那么这个方法应该合适你： 例如： html页面如下： 你爱好的运动是？全选/全不选 足球 篮球 羽毛球 $("#CheckedAll").click(function () { if ($(this).is(":
jquery input[type=“checkbox“] attr()设置checked无反应
lx6091543wwwcctv的博客
03-02 562
jquery input[type="checkbox"] attr()设置checked无反应
html checkbox事件无效,vue.js 表单checkbox :checked属性嵌套绑定时失效
weixin_32154667的博客
06-05 1060
在做一个类似与多级菜单多选的组件，发现有3级菜单是，第二级:checked属性绑定失败html:<!--全选框--><label for="all1">全选</label><input id="all1" type="checkbox" name="all" v-bind:checked="isAllChecked()" @change="changeAl...
checkbox 选中但是checkbox不显示问题
frykool的专栏
09-07 3347
$("input").prop("checked",true); $("input").attr("checked","checked") 原因： attributes和properties之间的差异在特定情况下是很重要。jQuery 1.6之前 ，.attr()方法在取某些 attribute 的值时，会返回 property 的值，这就导致了结果的不一致。从 jQuery 1.6
radio设置属性checked属性不生效
热门推荐
感恩、奋进、自信
12-03 2万+
在jquery中，通过点击事件设置radio的checked属性不生效。1、html &lt;div id="weChatSignIn"&gt; &lt;input type="radio" name="nameList" value="微信签到用户抽奖" id='wechat'/&gt;微信签到用户抽奖 &lt
radio设置属性checked属性不生效问题汇总
heerey525
03-20 7245
情况是这样的： 通过js动态设置radio添加checked属性，在控制台看到已经存在checked，但是页面显示没有选中。 分为两种情况来讲 情况一：用attr添加，removeAttr移除（即为我所遇到的问题） 解决方案：用prop和removeProp代替 原因：jQuery版本较低，attr存在这样的缺陷 情况二：在同页面除该组radio外的其他组radio设置name相同值...
checkbox属性checked="checked"通过js已设置后不生效
qq_30616169的博客
04-11 3223
1.通过attr('checked','checked')来设置checkbox时，重复点击，虽然checked属性设置正确，但是checkbox没有被勾选，如下代码：（代码是全选功能） $('#ckAll').click(function(){ if($('#ckAll ').attr('checked') == 'checked'){ $('#ckAll').removeAtt...
使用DOM来创建页面元素的一些问题
weixin_34194379的博客
04-17 136
    在IE中使用DOM方式来动态创建页面元素的时候，我发现了一些问题。记录于此，如果您有好的意见欢迎提供，如果您也遇到此问题，希望能有助你解决。    对于动态HTML编程，IE实现了两套模型：一套是以操作innerHTML为主的狭义的DHTML，一套是以集合方式操作(appendChild)页面元素对象的DOM(Document Object Model)。DHTML方式(我本文说的DHTM...
[Jquery] ------- input checked选中失效不能渲染效果
皮皮冰要做大神
03-23 1681
1. :checked失效不能渲染效果 可以使用如下方式: $("#checkbox").prop("checked",true);//选中 $("#checkbox").prop("checked",false);//取消选中
Jquery的input添加和删除checked属性问题
i__wonder的博客
12-09 2875
举一个简单的html例子： <body> <ul> <li><input type="checkbox" name="name" checked value="1"/>1</li> <li><input type="checkbox" name="name" checked value="1"/>1</li> <li><input type="checkbox" name=
input标签中的checked属性
最新发布
09-08
引用:input 标签具有checked属性，而当input标签的type属性设为button时，如果给input标签的checked属性赋值时，在vs中会报错，提示 特性checked不是元素input的有效特性。 引用:这里用attr只是为元素添加了checked=“checked”的属性，但是并没有使checked的动作生效。 引用:checked 属性与<input type="checkbox">或<input type="radio">配合使用。 引用:<input id="cb1" type="checkbox" checked /> < input id="cb2" type="checkbox" checked="checked" /> 在input标签中，checked属性用于表示一个复选框或单选框是否被选中。当checked属性存在时，该复选框或单选框被默认选中。 然而，值得注意的是，当input标签的类型(type)属性设置为button时，即<input type="button">，checked属性不再是有效特性，因此在给该属性赋值时会报错。 此外，当使用attr方法为元素添加checked属性时（如attr("checked", "checked")），虽然会为元素添加checked属性，但并不会实现checked的动作，即元素不会被选中。 综上所述，input标签中的checked属性用于表示复选框或单选框是否被选中，配合<input type="checkbox">或<input type="radio">使用。但在type属性为button的情况下，checked属性不再是有效特性。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值