解决radio被选中，但是重复点击后事件不触发的问题

最新推荐文章于 2023-04-25 19:06:54 发布

转载最新推荐文章于 2023-04-25 19:06:54 发布 · 4.3k 阅读

文章标签：

#radio #点击 #触发 #多次 #作用

Java Web 同时被 3 个专栏收录

54 篇文章

订阅专栏

Web开发

20 篇文章

订阅专栏

jQuery

5 篇文章

订阅专栏

本文介绍如何使用jQuery的prop方法正确设置Radio按钮的选中状态，解决通过attr方法无法有效设置的问题。通过具体代码示例展示了当点击包含Radio按钮的元素时，如何确保该Radio按钮被选中。

网上找了好多帖子，都没用，在百度知道发现以下答案

知识点：使用 jq的prop才能设置

html

复制代码

$('.ss').click(function(){
               $(this).find("input[type=radio]").attr("checked",true);
   });

<ul>
  <li class="ss"><input type="radio" name="radio" class="fc" id="radio" value="a" />fdfd</li>
  <li class="ss"><input type="radio" name="radio" class="fc" id="radio" value="b" />qqqq</li>
  <li class="ss"><input type="radio" name="radio" class="fc" id="radio" value="c" />wwww</li>
  </ul>

复制代码

$('.ss').click(function(){
    var    $radio = $(this).find("input[type=radio]"),
           $flag  = $radio.is(":checked");
    if( !$flag ){
        $radio.prop("checked",true);   
    }
});

复制代码