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

javascript– 取消选择无线电输入选择,第1张

概述在我的应用程序的一部分中,我检查重复的无线电输入选择并恢复它已经选择到早期选择.这是我的HTML代码..<input type='radio' name='A' checked='checked' onclick='return check();' /> <input type='radio' name='A' onclick='retur

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

这是我的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 总结

以上是内存溢出为你收集整理的javascript – 取消选择无线电输入选择全部内容,希望文章能够帮你解决javascript – 取消选择无线电输入选择所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1126467.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-30
下一篇 2022-05-30

发表评论

登录后才能评论

评论列表(0条)