msyz188明仕亚洲官方网站javascript: checkbox 全选、取消全选、反选

做的训练, 用JavaScript 完成对 checkbox 的全选、取消全选、反选 结果。
思路是根据情况给 checkboxchecked 赋值 true 或许 false。这里有个题目: 为什么 <input type="checkbox" checked="不论是什么" > 谷歌里表现的都是打勾形状??)

代码如下:

    QQQ<input type="checkbox">
    WWW<input type="checkbox">
    EEE<input type="checkbox">
    QQQ<input type="checkbox">
    QQQ<input type="checkbox">
<button onclick="getCheckedon">全选</button>
<button onclick="getCheckedoff">取消全选</button>
<button onclick="getCheckedonWWoff">反选</button>
<script>
function getCheckeda{
    var x = document.getElementsByTagNameinput;
    for var i = 0; i < x.length; i++{
        switcha{
            case on:
                x[i].checked = true;
                break;
            case off:
                x[i].checked = false;
                break;
            case onWWoff:
                x[i].checked =! x[i].checked;  (这里只要是 =! 才可以完成反选结果, 以是 =! 是什么?? 我只知道 != 啊....
                break;
        };
    };
}
</script>
(我还用了 3个 `function` 和 `for` `if` 完成了这结果,不过那个没什么题目,除了有点长有点乱。。)

下面那个结果固然完成了,其后在查材料时, 发明有集团说, 不该该直接改动`checked` 的值,由于`checkbox`形状改动时要处理一些题目?以是要`click`

他是由于`attr` `
以下原文和链接:

因一些缘由要完成checkbox的单选,完成的办法是中选中一个checkbox时,用jQuery选择除这个刚选中的checkbox外统统曾经中选中的checkbox,然后触发其click事变(由于每个checkbox形状改动时要处理一些题目,以是不克不及直接将其checked形状改为false),但却莫明其妙地进入了无限循环.

http://www.cnblogs.com/angeld…


以上便是我遇到的种种迷惑,拜托各位长辈帮帮忙.. 我弄了一个早晨这个了..

起主要明白一点,标准的html中,checked本身应该是一个类似于“开关”一样的东西,而不是一个属性,就像readonly,disabled一样。

他只要存在和不存在两种形状,最标准兼容的办法应该是直接添加或许移除checked属性,而不是给他赋值true or false

因此发起你在dom操纵中留意这一点,在差别的阅读器下才干有比较分歧的精确结果。

在h5中,只需input里有checked这个东西,不论给他赋不赋值,默许都是选择的,不想选的话就不要写。

checked只是个input的属性,有这个属性时,javascript 获取的checked为true,页面表现的为选中形状,不然为false,未选中。

x[i].checked = !x[i].checked;
这里是设置checked取反,x[i].checked = !x[i].checked;加个括号就明晰了,不要理解 =!

假如是JQuery的话,$"input[type=checkbox]".prop"checked",true;

(看完/读完)这篇文章有何感想! msyz188明仕亚洲官方网站的分享…

发表评论

姓名 *
电子邮件 *
站点