如何选择具有名称和值的输入

时间:2014-03-18 10:42:25

标签: javascript jquery jquery-selectors attributes

我需要在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 */)

2 个答案:

答案 0 :(得分:1)

您可以添加另一个属性选择器:

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

上述行每次都会为您提供值,无论是否被检查。

因此,如果您只想在检查时获得该值,请添加:checked

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

答案 1 :(得分:1)

只需查看我JS Fiddle Code

上的演示

显示两种情况:

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


2) when you want value after selecting radio button.

或者你想要的东西就在这里::

JS Fiddle Demo