Question

我需要检查radio：的值是否已选中，或者用户输入是否等于一个无线电组。有几个输入无线电组。我将每个无线电组存储在阵列中。

我正在尝试获取用户输入并检查它是否存在于无线电组的数组中请帮助。

var userInput = $(this).val();
  radioGroupOne = $(value).find('input[name="optionOne"]').map(function() {
    return this.value
  }).get().join(", "),
  radioGroupTwo = $(value).find('input[name="optionTwo"]').map(function() {
    return this.value
  }).get().join(", ");



  if ($.inArray(userInput, radioGroupOne) >= 0) {
    alert(userInput + 'is in group one');
  }
  
  if ($.inArray(userInput, radioGroupTwo) >= 0) {
    alert(userInput + 'is in group Two');
  }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<br>
<label class="title">Group one</label>
<fieldset class="options-block">
  <input type="radio" name="optionOne" value="red">
  <label>Red</label>
  <input type="radio" name="optionOne" value="blue">
  <label>Blue</label>
  <input type="radio" name="optionOne" value="green">
  <label>Green</label>
</fieldset>
<br>
<label class="title">Group two</label>
<fieldset class="options-block">
  <input type="radio" name="optionTwo" value="banana">
  <label>banana</label>
  <input type="radio" name="optionTwo" value="grape">
  <label>grape</label>
  <input type="radio" name="optionTwo" value="lemon">
  <label>lemon</label>
</fieldset>

<br>

Answer 1

您只需在群组的每个option中添加change event并监控input。

或

使用$('input[name="optionOne" ]').change()
建议的@OmarYafer /* $('.g1').change(function () { alert('Group One'); }) $('.g2').change(function () { alert('Group Two'); }) */ //@OmarYafer's solution: $('input[name="optionOne" ]').change(function () { alert('Group One'); }) $('input[name="optionTwo" ]').change(function () { alert('Group Two'); })的名称
试试这个。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <br> <label class="title">Group one</label> <fieldset class="options-block"> <input class="g1" type="radio" name="optionOne" value="red"> <label>Red</label> <input class="g1" type="radio" name="optionOne" value="blue"> <label>Blue</label> <input class="g1" type="radio" name="optionOne" value="green"> <label>Green</label> </fieldset> <br> <label class="title">Group two</label> <fieldset class="options-block"> <input class="g2" type="radio" name="optionTwo" value="banana"> <label>banana</label> <input class="g2" type="radio" name="optionTwo" value="grape"> <label>grape</label> <input class="g2" type="radio" name="optionTwo" value="lemon"> <label>lemon</label> </fieldset> <br>

{{1}}

我希望这能给你一些想法。

〜vsogrimen

如果input.val（）在Array中

1 个答案: