jquery 设置input的checked属性问题

最新推荐文章于 2025-05-28 11:39:43 发布

聰籽

最新推荐文章于 2025-05-28 11:39:43 发布

阅读量1w

点赞数 3

CC 4.0 BY-SA版权

分类专栏： Javascript

本文链接：https://blog.youkuaiyun.com/weixin_44446223/article/details/94735134

Javascript 专栏收录该内容

27 篇文章

订阅专栏

本文介绍了三种使用HTML和JavaScript实现网页元素状态切换的方法，包括单选按钮的状态改变、支付方式的选择与样式变化，以及全选功能的实现。通过具体代码示例，读者可以学习如何在网页中动态控制元素的选中状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一种

 <input  class="inputcolor"name="site" type="radio" checked="checked" value="1" />正常
 <input class="checkedseeond inputcolor" name="site" type="radio"  value="2" />停用
 $("input[name='site']").eq(1).attr("checked", "checked");

第二种

<div class="content">
    <p>用户</p>
    <hr class="divider">
        <div class="pay">
               <input type="radio" name="pay1" value="1">
               余额支付
       </div>
       <div class="pay paystyle">
              <input type="radio" name="pay1" value="2" checked="checked">
              快捷支付
              <img src="<%=basePath%>img/js.jpg">
       </div>
</div>   
<script>
   $(document).ready(function(){
      $(".pay").click(function(){
         $(this).siblings("div").removeClass("paystyle");
         $(this).siblings("div").find("input").prop("checked",false);
         $(this).find("input").prop("checked",true);
         $(this).addClass("paystyle");      
      });
});
  </script>

第三种

<input type="checkbox" id="selectAll" onclick="checkAll()">全选
function checkAll()
{
var checkedOfAll=$("#selectAll").prop("checked");
alert(checkedOfAll);
$("input[name='procheck']").prop("checked", checkedOfAll);
}