反选第二次失效的问题_jquery_脚本之家金沙网址

近年在品种中,碰着多个主题材料,测量检验全选/反选功效时,第贰回对母框举办选中/非选中时,能同步子框的全选/反选状态,之后再点击母框,子框就没影响了。

原代码大概布局重要如下:

function selectAll{ $('input[name="xxx[]"]').attr("checked",obj.checked);}全选子框子框子框子框

反选第二次失效的问题_jquery_脚本之家金沙网址。步骤一:品味正面刚一波:

function selectAll { $('input[name="xxx[]"]').attr; } else { $('input[name="xxx[]"]').removeAttr; }}

卒—–完全未有效劳,弃之。

步骤二:顿时上网查找一番,开掘这么些主题材料相比遍布,在碰着过那几个题目标人里,笔者应当排在千里之外了。点开几个看了,基本都以说用prop代替attr便能减轻,奈何如下:

可是项目上用的版本低于1.6并应诉知最棒不用更动版本,同弃之。

步骤三:迫于,JQuery弃之…尝试改用原生js写法,代码如下:

function selectAll{ var xxx = document.getElementsByName; if { for(var i = 0;i < xxx.length;i++) { xxx[i].checked = true; } } else { for(var i = 0;i < xxx.length;i++) { xxx[i].checked = false; } }}

测量检验一下,顺遂消除。其实也好不轻松个小难点,可是给了小编某些启迪,无法局限在一个框里,多换个角度想一下难点,往往能更加好地去解决难题。

以上那篇解决JQuery全选/反选第贰次失效的标题正是作者分享给大家的全部内容了,希望能给我们三个参考,也意在我们不吝赐教脚本之家。

发表评论

电子邮件地址不会被公开。 必填项已用*标注