jquery让复选框选中怎么做
3个回答
展开全部
首先 你要分清Jquery中 prop和attr 的区别
借鉴网站 http://www.cnblogs.com/Showshare/p/different-between-attr-and-prop.html
我举一个例子 就是全选/反选的情况 如果你是用jquery中的attr来进行选中的话 第一次可以选中 但当你第二次点击全选的时候 就没有反应了 子复选框 不会有任何反应
但是如果你用的是prop 就没有这么多顾虑了 直接使用就可以 废话不多说 直接贴代码验证
<body>
<div class="panel">
<div class="panel-body">
<input type="checkbox" id="chkAll" />全选
<ul>
<li><input type="checkbox" id="chkName1" name="chkFruit" />苹果</li>
<li><input type="checkbox" id="chkName2" name="chkFruit" />香蕉</li>
<li><input type="checkbox" id="chkName3" name="chkFruit" />桃子</li>
<li><input type="checkbox" id="chkName4" name="chkFruit" />荔枝</li>
</ul>
</div>
</div>
</body>
<script type="text/javascript">
$(function () {
//全选
$("#chkAll").change(function () {
$("input[name='chkFruit']").prop("checked", $(this).prop("checked")); //成功
$("input[name='chkFruit']").attr("checked", $(this).prop("checked")); //第一次选中成功 第二次 子复选框没有反应
});
//全部选中
//$("input[name='chkFruit']").prop("checked", "checked");
//eq(index) Index索引从0开始 选中第一个
//$("input[name='chkFruit']").eq(0).prop("checked", "checked");
});
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
input表单里有一个checked属性，
<input id="input1" type="checkbox" name="vehicle" value="Car" checked="checked" />
jQuery：$("#input1").attr("checked","checked");
<input id="input1" type="checkbox" name="vehicle" value="Car" checked="checked" />
jQuery：$("#input1").attr("checked","checked");
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
直接使用<input type="checkbox" />就行了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
