■ 站内搜索
■ 推荐
■ 热点
■ 相关
一段控制多选框JS
作者：不详 来源：xiedaima.cn 时间：2010-01-09 点击：488
■ 简介说明：
使用方法：
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
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
$("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);
});
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);
});
■ 发表评论
■ 最新评论【显示所有评论】
