Question

如何在每个单选按钮组都有一个选中的单选按钮后自动提交表单？ jQuery中是否有适用于以下场景的内容：

<div class="radio-group">
  <div class="radio-option">
    <input type="radio" class="radioBtn" name="radioBtn1">
  </div>
  <div class="radio-option">
    <input type="radio" class="radioBtn" name="radioBtn1">
  </div>
</div>

<div class="radio-group">
  <div class="radio-option">
    <input type="radio" class="radioBtn" name="radioBtn2">
  </div>
  <div class="radio-option">
    <input type="radio" class="radioBtn" name="radioBtn2">
  </div>
</div>

Answer 1

Onchange单选按钮，使用each()功能可以检查无线电组长度是否等于0。

＆＃13;

$(document).ready(function(){
$("input:radio").change(function(e){
  
    var all_answered = true;
    $("input:radio").each(function(){
        var name = $(this).attr("name");
        if($("input:radio[name="+name+"]:checked").length == 0)
        {
            all_answered = false;
            
        }
        
    });
    if(all_answered== true)
    {
  alert('form submit');
    }
    alert(all_answered);
})
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="radio-group">
  <div class="radio-option">
    <input type="radio" class="radioBtn" name="radioBtn1"> 1
  </div>
  <div class="radio-option">
    <input type="radio" class="radioBtn" name="radioBtn1">1
  </div>
</div>

<div class="radio-group">
  <div class="radio-option">
    <input type="radio" class="radioBtn" name="radioBtn2">2
  </div>
  <div class="radio-option">
    <input type="radio" class="radioBtn" name="radioBtn2">2
  </div>
</div>

＆＃13;

Answer 2

 $(document).ready(function() { 
   $('input[name=radioBtn2]').change(function(){
     if($('input[name=radioBtn2]').is(':checked')){
        $('form').submit();
     }
   });
   $('input[name=radioBtn1]').change(function(){
   if($('input[name=radioBtn1]').is(':checked')){
        $('form').submit();
     }
   });    
  });

Answer 3

如果要检查所有组是否都有选中的单选按钮，则可以执行以下操作：

    ui.comboBox->setStyleSheet("
QComboBox { background-color: white; } 
QComboBox::drop-down { image:url(:/Stock_Purchase_Simulator/Resources/arrow.png); }");

Answer 4

试试这个

    $(document).ready(function() { $('.radiobtn').change(function(){ 
    if($('.radio-group [type=radio]:checked').length == 2) 
    {
    $('form').submit();
}
     }); 
     });

选中单选按钮后自动提交表单

4 个答案: