input中checked复选框进行单选

最新推荐文章于 2023-12-13 15:32:43 发布

weixin_34117211

最新推荐文章于 2023-12-13 15:32:43 发布

阅读量145

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/dxt510/p/7514209.html

本文介绍了如何使用jQuery的prop属性操作DOM元素，并详细对比了prop()与attr()两个方法的区别。通过实例展示了如何利用prop()来设置或获取表单元素的状态。

1、使用jQuery的prop属性，如果为DOM对象，可直接给DOM队象加$() ;

2、判断元素是否选中；

if ( $(elem).prop("checked") )
if ( $(elem).is(":checked") )

3、prop() 与 attr() 的区别？

（1）$("#chk1").prop("checked") = true/false;

　　 $("#chk1").attr("checked") = 'checked';

（2）$("#chk1").prop("checked"，true);

　　 $("#chk1").attr("checked", "checked");

例：

1、html

<li>
    <input type="checkbox" name="carcek1" style="width: 20px; height: 20px; margin: 10px 12px;">
</li>
<li>
    <input type="checkbox" name="carcek1" style="width: 20px; height: 20px; margin: 10px 12px;">
</li>

2、js

var carcek1 = $("input[name='carcek1']");
carcek1.click(function() {
      for(var i=0; i<carcek1.length; i++) {
          $(carcek1[i]).prop('checked',false);
      }
      $(this).prop('checked',true)
})

3、效果