彩世界平台-彩世界时时app-彩世界开奖app苹果下载

热门关键词: 彩世界平台,彩世界时时app,彩世界开奖app苹果下载

您的位置:彩世界平台 > 活动会议 > jQuery中获取checkbox选中项等操作及注意事项

jQuery中获取checkbox选中项等操作及注意事项

发布时间:2019-11-30 04:04编辑:活动会议浏览(93)

    1. 获得checkbox的入选项 2. checkbox精选的全选 反选操作用于测验的checkbox代码段: 复制代码 代码如下:
    1. 获取checkbox的选中项
    2. checkbox选项的全选 反选操作

    一年级 二年级 三年级 四年级 五年级 六年级 七年级 八年级

    用来测验的checkbox代码段:

    后生可畏:首先来讲第一点,获取checkbox的选中项。英特网搜到的超过半数措施运用each来赢得:

    复制代码 代码如下:

    复制代码 代码如下:$("input[name='checkbox'][checked]").each { alert

    <div>
                <input type="checkbox" name="abc" value="一年级" id="in1" checked="checked" /><label for="in1">一年级</label>
                <input type="checkbox" name="abc" value="二年级" id="in2" /><label for="in2">二年级</label>
                <input type="checkbox" name="abc" value="三年级" id="in3" /><label for="in3">三年级</label>
                <input type="checkbox" name="abc" value="四年级" id="in4" /><label for="in4">四年级</label>
                <input type="checkbox" name="abc" value="五年级" id="in5" /><label for="in5">五年级</label>
                <input type="checkbox" name="abc" value="六年级" id="in6" /><label for="in6">六年级</label>
                <input type="checkbox" name="abc" value="七年级" id="in7" /><label for="in7">七年级</label>
                <input type="checkbox" name="abc" value="八年级" id="in8" /><label for="in8">八年级</label>
            </div>

    但在测量检验时小编就遇上了难点,这种情势在IE下能够赢得,但在firefox和chrome浏览器下就不能得到当前的选中项,测验效果如下: IE下的测量试验效果:

    意气风发:首先来讲第一点,获取checkbox的选中项。网上搜到的超越四分之二措施应用each来博取:

    IE10下的功能:

    复制代码 代码如下:

    chrome浏览器下的功力:

    $("input[name='checkbox'][checked]").each(function () {
        alert(this.value);
    })

    经过在google上探寻,找到了原由:

    但在测验时本人就碰着了难题,这种办法在IE下能够拿走,但在firefox和chrome浏览器下就十分的小概赢得当前的选中项,测量检验效果如下:

    网站: Jquery 选中稍稍个input CheckBox问题,IE符合规律,FF和Chrome不也许取到值

    IE下的测量检验效果(小编的是IE10):

    因为笔者用的jquery版本是1.7.2的,所以那边笔者得用 :checked 来拿到才行,更改后的代码:

    图片 1

    复制代码 代码如下://获取选中项 $.click { $; $("input[name='abc']:checked").each { //alert; $.append; });

    IE10下的职能:

    在chrome下的功用:

    图片 2

    二:checkbox的全选 反选操作:

    chrome浏览器下的效应:

    鉴于那多个比较轻巧,笔者就一直上代码吧:

    图片 3

    复制代码 代码如下://全选/打消全选 $.toggle { $.attr; }, function (卡塔尔(قطر‎ { $.removeAttr;

    经过在google上追寻,找到了开始和结果:

    //反选 $.click { $.each { if .attr.removeAttr; } else { $.attr; } }); });

    图片 4

    再下结论一下:

    网站:  Jquery 选中微微个input CheckBox难点,IE符合规律,FF和Chrome非常的小概取到值

    jquery版本在1.3事情发生前时,获取checkbox的选中项的操作:

    图片 5

    复制代码 代码如下: $("input[name='abc'][checked]").each { alert;

    因为自个儿用的jquery版本是1.7.2的,所以那边我得用 :checked 来博取才行,更改后的代码:

    jquery版本在1.3之后时,获取checkbox的选中项的操作:

    复制代码 代码如下:

    复制代码 代码如下: $("input[name='abc']:checked").each { alert;

    //获取选中项
                $('#huoqu2').click(function () {
                    $('#show').html("");
                    $("input[name='abc']:checked").each(function () {
                        //alert(this.value);
                        $('#show').append(this.value + "  ");
                    });
                });

    附 完整测验德姆o代码:

    在chrome下的职能:

    复制代码 代码如下:

    图片 6

    作者:酷小孩

    二:checkbox的全选 反选操作:

    本文由彩世界平台发布于活动会议,转载请注明出处:jQuery中获取checkbox选中项等操作及注意事项

    关键词: