Javascript - If语句，其条件依赖于两个单独的表单id

Question

我试图隐藏一个div，这取决于上面两个问题的答案。两者都需要是"N“才能隐藏。但是很难弄清楚如何将这两个ID都作为脚本中的变量。

希望你能帮上忙。

<div><table><tr>
<td><input name="v2_1a" type="radio" id="v2_1a" value="Y"></td>
<td><input name="v2_1a" type="radio" id="v2_1a" value="N"></td></tr>
<tr>
<td><input name="v2_1b" type="radio" id="v2_1b" value="Y"></td>
<td><input name="v2_1b" type="radio" id="v2_1b" value="N"></td>
</tr></table>
</div>
<script type="text/javascript">
$("input[name$='v2_1b']").click(function() {
$(".expand1").show();
var value1 = document.getElementById('v2_1a');
var value2 = $(this).val();
if (value1 == 'Y') {
$(".expand1").show();
}
else (value1 == 'N' && value2 == 'N') {
$(".expand1").hide();
}
});
</script> 
<div id="expand1" class="expand1" style="display:inline-block;">
</div>

Answer 1

您可以通过在查询中添加:checked选择器来获取单选按钮组的校验值：

var value1 = $("input[name='v2_1a']:checked").val();
var value2 = $("input[name='v2_1b']:checked").val();

有关选择器的更多信息，请访问http://api.jquery.com/checked-selector/。

要检测任一单选按钮组中的更改，可以使用以下代码：

$("input[name='v2_1a'],input[name='v2_1b']").change(function() {
  // Do your checks here
});

编辑:添加了如何检测任一单选按钮组中的更改的示例。

Answer 2

Ids必须为unique.No两个元素具有相同的id.You可以将相同的类赋给它们

变化

  else (value1 == 'N' && value2 == 'N') {

至

else if(value1 == 'N' && value2 == 'N') {


var temp1 =     $('input:radio[name='v2_1a']:checked').val();
var temp2 =    $('input:radio[name='v2_1b']:checked').val();


if (temp1 == 'Y') 
   $(".expand1").show();

if(temp1  =='N' && temp2 == 'N')
 //hide

Answer 3

您不能在文档中使用相同的ID两次，因此请更改该ID，并按名称确定元素的目标，检查是否选中了这两个'N‘值，并基于此切换元素的可见性：

var elems = $('input[name^="v2_1"]');

elems.on('change', function () {
    var n = elems.filter(':checked').length > 1 ? $.map(elems, function(e,i) {return e.checked?e.value:'N'}) : ['Y']
    $(".expand1").toggle(n.indexOf('Y') != -1);
});