Javascript 如何获取第二个定义的单选按钮值?

Javascript 如何获取第二个定义的单选按钮值?,javascript,c#,html,ajax,asp.net-mvc,Javascript,C#,Html,Ajax,Asp.net Mvc,这是我的html代码 <form id="item"> <div class="form-group col-lg-3 col-md-3 col-sm-3 col-sx-3"> <label for="itemtype">Hotel</label> <input type="radio" class="radio" id="itemtype" name="optradio" value="H" checked>

这是我的html代码

<form id="item">
<div class="form-group col-lg-3 col-md-3 col-sm-3 col-sx-3">
     <label for="itemtype">Hotel</label>
     <input type="radio" class="radio" id="itemtype" name="optradio" value="H" checked>
     <label for="itemtype">AirPort</label>
     <input type="radio" class="radio" id="itemtype" name="optradio" value="A">
</div>
</form>

当我一直试图保存项目类型调用“A”时,它从未发生过。此查询始终将单选按钮值设置为“H”。我需要传递第二个值“A”。

您可以使用名称获得正确的值,请删除重复的id

$('input[name=optradio]:checked', '#item').val()

您可以使用名称获得正确的值,请删除重复的id

$('input[name=optradio]:checked', '#item').val()
不建议在一个页面上有两个相同的ID


使用类名的其他解决方案:

<form id="item">
<div class="form-group col-lg-3 col-md-3 col-sm-3 col-sx-3">
     <label for="itemtype">Hotel</label>
     <input type="radio" class="radio itemtype" name="optradio" value="H" checked>
     <label for="itemtype">AirPort</label>
     <input type="radio" class="radio "itemtype" name="optradio" value="A">
</div>
</form>

在jquery中,从公式发送数据的最佳方式是使用or方法

例如:

不建议在一个页面上有两个相同的ID


使用类名的其他解决方案:

<form id="item">
<div class="form-group col-lg-3 col-md-3 col-sm-3 col-sx-3">
     <label for="itemtype">Hotel</label>
     <input type="radio" class="radio itemtype" name="optradio" value="H" checked>
     <label for="itemtype">AirPort</label>
     <input type="radio" class="radio "itemtype" name="optradio" value="A">
</div>
</form>

在jquery中,从公式发送数据的最佳方式是使用or方法


一些示例:

只需更改第二个单选按钮id,并尝试使用新id访问。如果对多个控件使用相同id,您将始终获得第一个控件值。在两个元素上使用相同id不是一个好做法,如果您想要“A”发送为值,则必须具有“选中”属性。更好的是,如果在客户端不使用id属性,请删除该属性。只需更改第二个单选按钮id,并尝试使用新id访问。如果对多个控件使用相同的id,则始终会获得第一个控件值。在两个元素上使用相同的id不是一个好做法,如果希望“A”作为值发送,则必须“选中”更好的是,如果您没有在客户端对id属性执行任何操作,请删除它。
$('.itemtype:checked').val();