刚刚看到它可以模糊绑定一组有部分相同的属性名称的内容
代码如下:
<body>
<div><input type="checkbox" name="stationchk" value="a" />1</div>
<div><input type="checkbox" name="stationchk" value="b" />2</div>
<div><input type="checkbox" name="intervalchk" value="c" />3</div>
<div><input type="checkbox" name="intervalchk" value="d" />4</div>
<div><input type="checkbox" name="commonchk" value="e" />5</div>
<div><input type="checkbox" name="commonchk" value="f" />6</div>
</body>
</html>
<script type="text/javascript">
$(function(){
$("[name$='chk']").attr("checked","checked").click(
function(){
var chkbox = $(this); // this是当前的复选框对象,$(this)是获得该复选框的jQuery对象
if(chkbox.attr("checked")){
alert("选择: "+chkbox.val());
}else{
alert("取消: "+chkbox.val());
}
}
);
});
</script>
("[name$='chk']") 这样是绑定了以name属性,chk结尾的所有内容
当然有结尾,就有开头
$(function(){
$("[name^='station']:checkbox").attr("checked","checked").click(
function(){
if($(this).attr("checked")){
alert("选择: "+$(this).val());
}else{
alert("取消: "+$(this).val());
}
}
);
});
[name^='station']:checkbox") 这样是绑定了以name属性,station开头的所有内容
$结尾 ^开头