如何使用jquery取消选中复选框

Question

我在取消选中复选框时遇到问题。

我的 html (php) 中有这段代码

<div class="row">
    <div class="col-md-12 pr-1">
        <label>Modele</label>
        <div class="form-group">
            <div class="btn-group paymentBtnGroup btn-group-justified" data-toggle="buttons">
                    <?
                    if($result->num_rows > 0) {
                        $i = 1;
                        while ($row = $result->fetch_assoc()) {
                            echo "<label class='btn paymentMethod'>";
                            echo "<div class='method col-sm' style='background-image: url(" . "assets/img/produits/".$row["IMAGEPATH"].")'>";
                            echo "</div>";
                            echo "<input type='radio' aria-labelledby='".$row["NOM"]."' value='".$row["K_MODELE"]."' name='modele' id='modele$i'>";
                            echo "</label>";
                            $i++;
                        }
                    }
                    ?>
            </div>
        </div>
    </div>
</div>

一旦表单添加到我的数组中，我尝试使用一个函数取消选中它。

所以在我的 Jquery 中我尝试使用这一行

    $('.paymentBtnGroup input[type="radio"][name="modele"]').each(function(){
        $(this).prop('checked', false);
    });

但是它给我的单选按钮一个未定义的错误并且它不起作用。

有什么建议吗？

Answer 1

this 并不代表您认为的意思。但你可以简化为：

$('.paymentBtnGroup input[type="radio"][name="modele"]').prop('checked', false);

Answer 2

在应用任何 jquery 之前，你需要确保你的 DOM 已经准备好

将脚本放入$(function(){});

$(function(){
  $('.paymentBtnGroup input[type="radio"][name="modele"]').each(function(){
        $(this).prop('checked', false);
    });
});