<inputtype="checkbox"name="chk"value="1"val="1级">1级
<inputtype="checkbox"name="chk"value="2"checked="checked"val="2级">2级
<inputtype="checkbox"name="chk"value="3"val="3级">3级
1)设置1级和3级选中
2)获取选中的值,以‘,’分隔显示
更改默认状态:
$(":checkbox").attr("checked", function() {
if ($(this).is(":checked")) {
return false;
} else {
return true;
}
});
遍历取值:
$(":checkbox").click(function() {
var arrayValue = new Array();
$(":checkbox").each(function(){
if ($(this).is(":checked")) {
arrayValue.push($(this).val());
}
});
arrayValue.join(",");
alert(arrayValue);
});
本文介绍了一个使用jQuery操作Checkbox的具体案例,包括如何改变Checkbox的默认选中状态及如何获取已选中的Checkbox值,并通过逗号进行分隔显示。该示例展示了jQuery在网页交互中的实用性和灵活性。
3734

被折叠的 条评论
为什么被折叠?



