如何選擇具有名稱和值的輸入

Question

我需要在jquery中選擇名稱和值的無線電輸入

在此示例中，您如何選擇名稱為SiblingSex且值為female元素

<form action="">
<input type="radio"  name="SiblingSex" value="male">Male<br>
<input type="radio"  name="SiblingSex" value="female">Female


<input type="radio"  name="ParentSex" value="male">Male<br>
<input type="radio"  name="ParentSex" value="female">Female

</form>

我需要一些東西

$('input[name="SiblingSex"]' /*GENDER SELECTOR */)

Answer 1

您可以添加另一個屬性選擇器：

$('input[name="SiblingSex"][value="female"]').val();

無論是否檢查，上述行都會為您提供值。

因此，如果您只想在檢查時獲得該值，則添加:checked

$('input[name="SiblingSex"][value="female"]:checked').val();

Answer 2

只需查看我的JS小提琴代碼上的演示

顯示兩個場景：

1) when you want the value without selecting radio button.


2) when you want value after selecting radio button.

或者可能是你想要的東西在這里::

JS小提琴演示