javascript – 取消选择无线电输入选择

发布时间：2020-12-14 23:20:13 所属栏目：资源来源：网络整理

导读：在我的应用程序的一部分中,我检查重复的无线电输入选择并恢复它已经选择到早期选择. 这是我的HTML代码.. 这是javascript代码 function check() { //logic to check for duplicate selection alert('Its already selected'); return false;} 这是demo 上面的

在我的应用程序的一部分中,我检查重复的无线电输入选择并恢复它已经选择到早期选择.

这是我的HTML代码..


这是javascript代码

function check() {
    //logic to check for duplicate selection
    alert('Its already selected');
    return false;
}

这是demo
上面的代码工作正常.问题是最初未检查输入.在这种情况下,无线电输入选择不会恢复为未选中状态.
注意：处于选中状态时,返回false显示和警告,并将复选框设置为初始检查状态.但是当最初处于非检查状态时,这不起作用.


最佳答案
在DOM ready中,检查是否选中了任何单选按钮.如果选中任何单选按钮,请将计数器增加1.在单击单选按钮时,检查计数器值是否为1.如果是,则返回false,否则将计数器增加1.
试试这段代码,
HTML


JS

var counterA = 0;
var counterB = 0;
$(document).ready(function () {
    if ($("input:radio[name=A]").is(":checked") == true) counterA++;
    if ($("input:radio[name='B']").is(":checked") == true) counterB++;
});

$('input:radio[name=A]').click(function () {
    if (counterA == 1) {
        alert('already checked');
        return false;
    } else {
        counterA++;
    }
});
$('input:radio[name=B]').click(function () {
    if (counterB == 1) {
        alert('already checked');
        return false;
    } else {
        counterB++;
    }
});

看到这个DEMO

                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!