如何取消选中 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);
    });
});

如何取消选中 jquery 的复选框

how to uncheck a checkbox with jquery

javascript

php

jquery

html

prop