在我的应用程序的一部分中,我检查重复的无线电输入选择并恢复它已经选择到早期选择.
这是我的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 – 取消选择无线电输入选择所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)