<body>
<form action="www.baidu.com", method="get">
<label><input name="Fruit1" type="checkbox" value="11" />苹果1 </label>
<label><input name="Fruit1" type="checkbox" value="12" />桃子1 </label>
<label><input name="Fruit1" type="checkbox" value="13" />香蕉1 </label>
<label><input name="Fruit1" type="checkbox" value="14" />梨 1</label>
<label><input name="Fruit1" type="checkbox" value="15" />其它 </label>
<input name="Fruitn" type="radio" value="15" /><label for="male">其它 </label>
<input type="button" οnclick="ccc()" value="订单" />
</form>
</body>
相应的js如下:(方法和radio中用到的完全一样)
获取checkbox的值
$("input[type='checkbox']:checked").val(); ******获取选中的checkbox的值
$("input[type='checkbox'][value='14']").val(); ******获取值是14的checkbox的值
设置checkbox选中:
$("input[type='checkbox'][disabled!=disabled]").attr("checked",true);
$("input[name='Fruit1']").attr("checked",true); *****上述方法是所有的checkbox都选中
$("input[type='checkbox']").eq(1).attr("checked",true); *****第一个checkbox被选中,桃子1被选中
$("input[type='checkbox'][value='14']").attr("checked",true); *****梨1的checkbox被选中
如:
$("input[type='checkbox'][name='XX'][value='2']").attr("checked",true); *****name和value都符合条件的checkbox被选中
判断是否被选中:
alert($("input[type='checkbox']").eq(1).attr("checked")); 如果第一个checkbox被选中,alert弹出来的是:checked.
var sd = $("input[type='checkbox'][value='14']").is(':checked'); 如果值是14的checked如果被选中,sd的值是true.
移除checkbox
$("input[type='checkbox']").remove();