jquery radio checkbox

最新推荐文章于 2022-02-18 11:25:53 发布

tczxg

最新推荐文章于 2022-02-18 11:25:53 发布

阅读量319

点赞数

分类专栏：心的文章标签： jquery input function

本文链接：https://blog.csdn.net/tczxg/article/details/5192909

版权

心的专栏收录该内容

15 篇文章 0 订阅

订阅专栏

直接代码片段。。。

<form id="check_form">
<input name="chkAll" type="checkbox" id="chkAll" value="-1" />
<br />
<input name="pks" type="checkbox" id="" value="1" />
<input name="pks" type="checkbox" id="" value="2" />
<input name="pks" type="checkbox" id="" value="3" />
<input name="pks" type="checkbox" id="" value="4" />
<input name="pks" type="checkbox" id="" value="5" />
<input name="pks2" type="checkbox" id="" value="6" />
<input name="pks1" type="checkbox" id="" value="7" />
<hr />
<br />
<input name="ras" type="radio" id="" value="2" />
<input name="ras" type="radio" id="" value="1" />
<input name="ras" type="radio" id="" value="3" checked="checked" />
<input name="ras" type="radio" id="" value="4" />
<input name="ras" type="radio" id="" value="5" />
<input name="ras" type="radio" id="" value="6" />
<input name="ras" type="radio" id="" value="7" />
</form>
<script type="text/javascript" src="${ctx}/commons/scripts/jquery.js"></script>
<script type="text/javascript" src="${ctx}/commons/scripts/calendar.js"></script>
<script type="text/javascript" src="${ctx}/commons/scripts/cs.js"></script>
<script type="text/javascript" src="${ctx}/commons/scripts/rowEffect.js"></script>
<script type="text/javascript">//<![CDATA[
$(document).ready(function(){
var f = document.forms[0];
$("#chkAll").click( function () {
  alert("hao"+$("#chkAll").val());
  //$("input[name='pks']").attr("checked",$("#chkAll").attr("checked"));//正确
  $(":checkbox[name='pks']").attr("checked",$("#chkAll").attr("checked"));//正确
});
});

$(":radio").click( function () {
var v = $("input[type='radio']:checked").val();
alert(v);
alert($("input[type='radio'][value=2]").attr("checked")==true);//attr返回的是个对象true不是字符串"true"
});
//]]></script>