Javascript jquery仅从6个表单中选择一个单选项

Javascript jquery仅从6个表单中选择一个单选项,javascript,jquery,html,forms,radio-button,Javascript,Jquery,Html,Forms,Radio Button,我有6个表单,每个表单有2个单选按钮 我希望用户体验是,他们一次只能选择一个单选按钮。所以当他们进入另一个窗体并检查单选按钮时。所有其他单选按钮将取消选择 这就是我到目前为止所做的努力 $(document).ready(function () { $('input[type=radio]').prop('checked', false); $('input[type=radio]').each(function (i) {

我有6个表单,每个表单有2个单选按钮

我希望用户体验是,他们一次只能选择一个单选按钮。所以当他们进入另一个窗体并检查单选按钮时。所有其他单选按钮将取消选择

这就是我到目前为止所做的努力

$(document).ready(function () {                 
  $('input[type=radio]').prop('checked', false);

  $('input[type=radio]').each(function (i) {                        
    $(this).not($('radio:checked')).prop('checked', false);                     
  });                   
});
我的想法是在开始时取消选择所有按钮。但在那之后,我的逻辑被搞糊涂了

我想说

如果此收音机处于选中状态,请取消选中所有其他收音机

而在英语中,它只适合一句话,我如何才能将它输入jquery

$('input[type=radio]').on('change', function(){
    $('input[type=radio]').not(this).prop('checked', false);
});

基本上,您不能“松开”单选按钮-因此,您所要做的就是在“单击”事件中,取消选择所有单选元素并选择已单击的单选元素

$('input[type=radio]').on('click',function(e){
   $('input[type=radio]').prop('checked','');
   $(this).prop('checked','checked');
   e.preventDefault();
});
基本上你不能“松开”单选按钮,所以你所要做的就是在“点击”事件中,取消选中所有单选元素,然后选择一个被点击的元素

$('input[type=radio]').on('click',function(e){
   $('input[type=radio]').prop('checked','');
   $(this).prop('checked','checked');
   e.preventDefault();
});
试试这个(见演示:):

试试这个(见演示:):


+1这是正确的。只是想知道,如果用户改变主意,想选择另一台收音机,他会怎么做?:)这是可行的,如果用户选择了一个按钮并改变了主意,那么他们仍然可以选择另一个按钮。表单在同一页上,但每组按钮都提交到特定的paypal表单+1。这是正确的。只是想知道,如果用户改变主意,想选择另一台收音机,他会怎么做?:)这是可行的,如果用户选择了一个按钮并改变了主意,那么他们仍然可以选择另一个按钮。表单在同一页上,但每组按钮都提交给特定的paypalform@Musa-无法跨表单工作@Musa-无法跨表单工作!