如何更改我的代码以取消选中从 javascript 到 jQuery 的单选按钮？ [复制]

Posted 2023-03-05

【中文标题】如何更改我的代码以取消选中从 javascript 到 jQuery 的单选按钮？ [复制]

【英文标题】：How to change my code to uncheck radio button from javascript to jQuery? [duplicate]

【发布时间】：2020-10-18 15:52:48

【问题描述】：

我有这个 javascript 代码来取消选中工作正常的单选按钮

function uncheckRadio()
    const radioBtns = document.querySelectorAll('input[name="choices"]');
    for(const btn of radioBtns)
        if(btn.checked)
            btn.checked = false;
        
    

这个函数如果改写成 jQuery 会是什么样子？

【问题讨论】：

这能回答你的问题吗？ How to uncheck a radio button?

【参考方案1】：

首先你需要考虑 jQuery 中的选择器。在您的情况下，选择器是名称。

其次，您需要考虑一种循环遍历元素的方法。这可以通过 jQuery 中的.each() 函数来完成。

使用.prop() 函数通过将属性设置为false 来取消选中单选按钮。

jQuery 示例：

function uncheckRadio()
    $('input[name^="choices"]').each(function() 
        $(this).prop('checked', false)
    );

【讨论】：

感谢 Martin Sir 提供了很好的解释，它解决了我的问题...谢谢

如果你想在一个班轮中做，那么 $('input[name="choices"]:checked').prop("checked", false);