Question

我有以下HTML代码

<input type="radio" name="months" value="TBI-6">
<input type="radio" name="months" value="UNI-6">

我有这个提交按钮

    $('#button-confirm').on('click', function() {
  $.ajax({
    type: 'post',
    url: 'index.php?route=payment/zero_rate/confirm',
    cache: false,
      data:{
        egn: $('#input-payment-egn').val(), 
        months: $('input[name=months]:checked').parent().text() + $('input[name=months]:checked').val()
      },
    beforeSend: function() {
      $('#button-confirm').button('loading');
    },
    complete: function() {
      $('#button-confirm').button('reset');
    },
    success: function() {
      location = '<?php echo $continue; ?>';
    }
  });
});

如何验证这两个单选按钮？我不想让用户提交表单并离开页面而不选择其中一个单选按钮？

Answer 1

$('input[name=months]:checked').length

应该告诉您选中组中的 单选按钮 。因此，请在继续提交表单之前验证其是否高于0。

Answer 2

选中单选按钮

list(map(max, zip(*[(x, y) for pair in roi.values() for x, y in pair])))
# [113, 1648]

＆＃13;

<input type="radio" name="months" value="TBI-6" class="radiobtn">
<button id="button-confirm">
 Submit
</button>

＆＃13;

$('#button-confirm').on('click', function() {

if($('.radiobtn').is(':checked')) { alert("it's checked");


  $.ajax({
    type: 'post',
    url: 'index.php?route=payment/zero_rate/confirm',
    cache: false,
      data:{
        egn: $('#input-payment-egn').val(), 
        months: $('input[name=months]:checked').parent().text() + $('input[name=months]:checked').val()
      },
    beforeSend: function() {
      $('#button-confirm').button('loading');
    },
    complete: function() {
      $('#button-confirm').button('reset');
    },
    success: function() {
      location = '<?php echo $continue; ?>';
    }
  });
 } else {
      alert("it's not checked");
  }
});

＆＃13;

需要单选按钮html和javascript

2 个答案: