欢迎访问 水平网    今天是:2018年01月16日 注册 | 登录 | 订阅 | 收藏
>> JavaScript >> 一段控制多选框的JS
推荐代码
热点代码

一段控制多选框的JS

作者:未知,  来源:网络,  阅读:521,  发布时间:2014-04-19  【放入收藏夹
使用方法:
1、点击多选的多选框加上一个属性 rel=”M”
2、点击多选的多选框id属性 和 被选择的多选框 name属性相同
例:
<input id="xiedaima" type="checkbox" rel="M" />全选
<input type="checkbox" name="xiedaima" />选项1
<input type="checkbox" name="xiedaima" />选项2
<input type="checkbox" name="xiedaima" />选项3
代码:Javascript复制
$("input[type='checkbox']").click(function() {
    var n = $(this).attr("name");
    var m = $(this).attr("rel");

    if (n == "" || n == undefined || m == "M") {
        if (m == "M") {
            var s = $(this);
            $("input[type='checkbox'][name='" + s.attr('id') + "']").each(function() {
                $(this).attr("checked", s.attr("checked"));
            });
        }
        return;
    }

    var result;
    var s1 = $("input[name='" + n + "']");
    for (var y = 0; y < s1.length; y++) {
        result = s1[y].checked;
        if (result) { break; }
    }

    $("#" + n).attr("checked", result);
});
Tags:多选框
您可能还有兴趣查阅的内容
  • 没有相关内容
评论【共有0条评论】查看所有评论
昵称:(*)   邮箱:   QQ:   验证码: 看不清楚?点击刷新验证码