如何使用 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>

一旦表單添加到我的數組中，我嘗試使用 function 取消選中它。

所以在我的 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);
    });
});