时间戳

首页 > 解决方案 > 如何使用 jQuery 在页面加载时找到选定的单选按钮？

javascript - 如何使用 jQuery 在页面加载时找到选定的单选按钮？

问题描述

我正在使用 wordpress，我有一个列表，每个列表中都有单选按钮<li>

<ul class="woof_childs_list">

    <li>
        <input type="radio" id="woof_514" class="woof_radio_term woof_radio_term_514" data-term-id="514" name="product_cat" value="514">
    </li>

    <li>
        <input type="radio" id="woof_515" class="woof_radio_term woof_radio_term_515" data-term-id="515" name="product_cat" value="515">
    </li>

    <li>
        <input type="radio" id="woof_516" class="woof_radio_term woof_radio_term_516" data-term-id="516" name="product_cat" value="516">
    </li>

    <li>
        <input type="radio" id="woof_517" class="woof_radio_term woof_radio_term_517" data-term-id="517" name="product_cat" value="517">
    </li>

</ul>

在某些情况下，当页面加载时会选择其中一个按钮。

我想根据我的偏好查找并取消选择或取消选中页面加载上选定的单选按钮。

我当前的代码如下所示：

  var j = jQuery.noConflict();
  if(j('.woof_childs_list > li > .woof_radio_term').is(':checked')) {
     j(this).prop('checked', false);
  }

我上面的代码的问题是我无法在页面加载时捕获选定的单选按钮..

任何想法都值得赞赏。

标签： javascriptphpjqueryhtmlwordpress

解决方案

尝试这个。

$(document).ready(function(){
            $('.woof_childs_list input[type=radio]').prop('checked', false);
        });

推荐阅读