Question

我想根据其值

选择特定的RadioButton

<input id="RadioJ" type="radio" name="grp1" value="AAA" />
<input id="FaroK"  type="radio" name="grp1" value="BBB" />
<input id="MartreLK" type="radio" name="grp1" value="CCC" />

这样的事情：

var radio =单选按钮，其值为BBB

我看到的另一件事是，如果点击一个按钮，隐藏的所有单选按钮都应该是可见的。

Answer 1

您可以直接根据值进行选择，例如：

var radio = $("input[type='radio'][value='BBB']")

Answer 2

假设您的单选按钮周围有<form>元素：

function getRadioWithValue(form, groupName, val) {
  var radios = form.elements[groupName];
  var i = radios.length, radio;
  while (i--) {
    radio = radios[i];
    if (radio.value === val) {
      return radio;
    }
  }
  return null;
}

var radio = getRadioWithValue(document.forms["your_form_name"], "grp1", "BBB");

与使用不必要的CSS选择器的jQuery相比，这将更加高效和快速。

选择RadioButton的值

2 个答案: