jQuery 如何判断 input 是否选中?如何设置选中状态?
● 判断 input 是否选中
<div id="pfs">
<input type="checkbox" value="1"/> 1
<input type="checkbox" value="2"/> 2
<input type="checkbox" value="3"/> 3
</div>
判断 input 中哪个被选中了
$("#pfs input").each(function({
// 方法1(注意是 :checked,前面不要少了冒号)。返回 true or false
$(this).is(":checked");
//方法2。返回 true or false
$(this).prop("checked");
//方法3。返回 checked or undefined
$(this).attr("checked");
}));
● 设置 input 选中
<input id='ip' type="checkbox" value="1"/>
方法1:prop 设置是否选中
$("#ip").prop("checked", true); //选中
$("#ip").prop("checked", false); //未选中
$("#ip").prop("checked", "checked"); //选中
$("#ip").prop("checked", ""); //未选中
方法2:
attr 设置是否选中
$("#ip").attr("checked", true); //选中
$("#ip").attr("checked", false); //未选中
$("#ip").attr("checked", "checked"); //选中
$("#ip").attr("checked", ""); //选中
$("#ip").removeAttr("checked"); //移除选中
在jQuery中建议使用 prop 方法来获取和设置 checked 属性,不建议使用 attr。
我的笔记