Javascript JQuery单选按钮值检查

Javascript JQuery单选按钮值检查,javascript,jquery,Javascript,Jquery,我需要从隐藏字段中显示的一组单选按钮中选择“是”的数量 我有一张有几组单选按钮的表格 第一台收音机: <input type="radio" name="number_of_sets_to_count" id="number_of_sets_to_count_1" value="1"> <input type="radio" name="number_of_sets_to_count" id="number_of_sets_to_count_2" value="

我需要从隐藏字段中显示的一组单选按钮中选择“是”的数量

我有一张有几组单选按钮的表格

第一台收音机:

    <input type="radio" name="number_of_sets_to_count" id="number_of_sets_to_count_1" value="1">
    <input type="radio" name="number_of_sets_to_count" id="number_of_sets_to_count_2" value="2">
    <input type="radio" name="number_of_sets_to_count" id="number_of_sets_to_count_3" value="3">
    <input type="radio" name="number_of_sets_to_count" id="number_of_sets_to_count_4" value="4">
    <input type="radio" name="number_of_sets_to_count" id="number_of_sets_to_count_5" value="5">

根据上面选择的值(即1,2,3,4,5),然后计算从下面单选按钮中选择的是单选按钮。ie如果在上面的单选按钮中选择了2,则前两个单选按钮组需要检查是。如果选择了4台,则需要检查下面的前4台收音机是否有“是”值

这是接下来的五台收音机

<input type="radio" name="set1" id="set1_no" value="no">
<input type="radio" name="set1" id="set1_yes" value="yes">

<input type="radio" name="set2" id="set2_no" value="no">
<input type="radio" name="set2" id="set2_yes" value="yes">

<input type="radio" name="set3" id="set3_no" value="no">
<input type="radio" name="set3" id="set3_yes" value="yes">

<input type="radio" name="set4" id="set4_no" value="no">
<input type="radio" name="set4" id="set4_yes" value="yes">

<input type="radio" name="set5" id="set5_no" value="no">
<input type="radio" name="set5" id="set5_yes" value="yes">


<input type="hidden" name="number_of_yes" value="">

多亏了社区的帮助,我有了这个JQuery代码,它可以计算表单中“是”的数目,并在提交时将该数目放入隐藏的文本框“number\u of_yes”

<script type="text/javaScript">
$(document).ready(function() {
  $("#yourFormsId").submit(function() {
         $('input[name="number_of_yes"]').val(
            $('input:checked[type="radio"][value="yes"]').length); 
  });
});
</script>

$(文档).ready(函数(){
$(“#yourFormsId”).submit(函数(){
$('input[name=“number\u of_yes”]')。val(
$('input:checked[type=“radio”][value=“yes”]')。长度);
});
});
但是,这将检查所有选择的是,我需要将其限制在第一、第二、第三、第四或第五个无线电机(即set1、set2、set3、set4、set5),具体取决于从“设置的数量”到“计数”单选按钮(即1、2、3、4、5)中选择的内容

谢谢你试试这个

    $(document).ready(function() {

$("input[name=number_of_sets_to_count]").click(function(){

  var radioBtns = $("input[id^='set']");

  //First set all the radio buttons to No
  radioBtns.filter("[value='no']").attr("checked", true);

  //Now set only the required radio buttons to yes
  radioBtns.filter("[value='yes']:lt("+parseInt($(this).val())+")").attr("checked", true);


});
  $("#yourFormsId").submit(function() {

      $('input[name="number_of_yes"]').val($('input:checked[type="radio"][value="yes"]').length); 
  });
});

你能在点击处理程序中提醒这个.value吗?:(仍然不工作,它仍然检查所有单选按钮是否为“是…”硬请检查我编辑的答案,现在它工作正常。我在这里也放了一把小提琴,刚刚检查过…:(仍然不工作,检查小提琴,需要发生的是,如果设置到计数的数量为3,那么只需要检查设置1、设置2和设置3是否为是,但它们始终都是。例如,选择的设置到计数为2的数量,但使所有的都为是,并且它显示为是,而不仅仅是两个?清楚吗?在小提琴中,我提供了我想它正在按照你的预期工作,仔细看一看。