获取多少复选框和单选按钮

时间:2018-06-05 07:45:31

标签: jquery html radio-button

所以我的问题是如何计算选中的复选框以及带有"是"的单选按钮?对于答案...我现在用于单选按钮的代码是:

<label class="radio-inline">
<input form="ES3S" type="radio" name="Textbook'.$i.'" value="'.$Result[$i]['ID'].'"> Yes
</label>
<label class="radio-inline">
<input form="ES3S" type="radio" name="Textbook'.$i.'" value="-1">No
</label>


<span class="d-inline-block" data-toggle="popover" title="Error" data-content="This book is required by the school. If you want to cancel this out, proceed to the principals office with the book for review." data-trigger="hover">
<input form="ES3S" required checked onclick="return false;" type="checkbox" value="'.$Result[$i]['ID'].'" name="Textbook'.$i.'">
</span>

我正在考虑让计时器每秒进行一次检查以检查检查了多少复选框和单选按钮,但我认为这是非常不切实际的。

SetInterval(ScriptUpdate, 1000);


function ScriptUpdate(param){


var check = $('#form').find('input[type=checkbox]:checked').length;
   alert('You have checked forms');
   return false;
}):    }

干杯!提前致谢

4 个答案:

答案 0 :(得分:1)

过滤基于&#34;是&#34;文本和选中的单选按钮:

<iframe>

答案 1 :(得分:0)

计算所选复选框/单选按钮数量的多种方法,这可能是最简单的方法:

$(document).ready(function(){
  alert($("input[type=radio]:checked").length);
});

答案 2 :(得分:0)

使用以下内容: -

function checkboxes(){
    var checkBoxCheckedCount = document.querySelectorAll('input[type=checkbox]:checked').length;
    var radioButtonSelectedCount = document.querySelectorAll('input[type=radio]:checked').length;
    alert(checkBoxCheckedCount+radioButtonSelectedCount);

}

然后您可以根据需要使用checkBoxCheckedCount和radioButtonSelectedCount变量。

答案 3 :(得分:0)

对于单选按钮,您可以执行以下操作。

var countRadio = 0;
$('label.radio-inline').each(function(){
    if($(this).text() == "yes") {
        if($(this).children('input[type=radio]:checked').length > 0) {
            countRadio++;
        }
    }
});
console.log('Counted ' + countRadio  + ' Radiobuttons with yes');