检查先前单击的单选按钮

Question

我有一个在不同组中具有多个单选按钮的表单。 例如类别车辆有两个单选按钮

1. 2轮车
2. 四轮车

与其他类别相同，有2-2个单选按钮。

我想做的是，当我从2轮车中检查4轮车时，我弹出警告消息，确定要切换，如果是，那么确定，但是不，我想再次检查2轮车单选按钮。 我不能从id做到这一点，因为我也必须在其他字段上做到这一点。

<input type="radio"/>

Answer 1

您的问题不是很清楚，但是据我了解，我想您想要的是：

$(document).ready(function(){
$('#submit_button').click(function() {
    if (!$("input[@name='radioName']:checked").val()) {
     alert('Nothing is checked!');
    return false;
    }
else {
  alert('One of the radio buttons is checked!');
}
 });
 });

并为所有无线电输入添加相同的名称标签：

<input type="radio" name="radioName"/>

Answer 2

这可能是您要实现的目标：

var old_input = $('input[name="wheeler"]:checked');
$('input[name="wheeler"]').change(function(e) {
    console.log(e);
    if (
        old_input.next().text() == '2 Wheeler' &&
        $(this).next().text() == '4 Wheeler'
    ) {
        if (confirm('Are you sure you want to change?')) {
            old_input = $(this);
        }
        else {
            this.checked = 0;
            old_input.get()[0].checked = 1;
        }
    }
    else {
        old_input = $(this);
    }
});

http://jsfiddle.net/pQpk7/

Answer 3

我认为您正在寻找的http://jsfiddle.net/7rF3d/首次选中单选按钮时，没有任何反应。 当某人检查另一个人时，首先会提示他进行确认。 如果用户取消，将恢复旧的已检查的收音机。

var lastChecked;

$("input[type=radio]").click(function() {

    if(typeof(lastChecked) != "undefined" && !confirm("are you sure?")) {

        $("input[type=radio]:checked").attr("checked", "false");

        $(lastChecked).prop("checked", true);

    } else {

        lastChecked = $('input[type=radio]:checked');

    }

});

Answer 4

由于jQuery没有在问题中标记，因此这是一种纯JS方法。 伙计们，认真的尝试在问题中甚至没有标记的情况下尝试放弃建议jQuery解决方案。

您可以通过使用click事件并在选中至少一个单选按钮的情况下返回false来实现此目的，然后对window.confirm的回答为false，这将阻止它按预期选择新按钮。

var oneChecked=false;
var elem=document.getElementsByName("wheeler");

for (var i=0;i<elem.length;i++) {
   elem[i].onclick=function(e) {
       if (oneChecked && !window.confirm("Are you sure to switch?")) {
           return false;
       } else {
           oneChecked=true;
       }
   }
}

小提琴