js代码:
$("input#CheckedAll").click(function(){
$("[name=items]:checkbox").attr("checked",true);
})
$("input#CheckedNo").click(function(){
$("[name=items]:checkbox").attr("checked",false);
})
$("input#CheckRev").click(function(){
$("[name=items]:checkbox").each(function(){
$(this).attr("checked",!$(this).attr("checked"));
});
});
$("#send").click(function(){
var str = "您选中的是:\n";
$("[name=items]:checkbox").each(function(){
if($(this).attr("checked"))
str += $(this).val() + "\n";
});
alert(str);
})
});
html代码:
<form>
你爱好的运动是?
<input type="checkbox" name="items" value="足球" />足球
<input type="checkbox" name="items" value="篮球" />篮球
<input type="checkbox" name="items" value="羽毛球" />羽毛球
<input type="checkbox" name="items" value="乒乓球" />乒乓球
<input type="button" id="CheckedAll" value="全选" />
<input type="button" id="CheckedNo" value="全不选" />
<input type="button" id="CheckRev" value="反选" />
<input type="button" id="send" value="提交" />
</form>