隐藏群组中的单选按钮不起作用

时间:2019-05-08 18:11:14

标签: javascript jquery html radio-button

我当前的代码:

<tr id="myrow" class="ui-helper-hidden">
<td name="myrowtd" align="right"><label for="Choose radio buttons">Select By:</label></td>
<td>
<div id="consdiv">
  <input type="radio" name="tagradio" id="radioshowitemN" value="N"><label for="chooseN>Display N</label>
  <input type="radio" name="tagradio" id="radioshowitem1" value="A"><label for="chooseN>Display A</label>
  <input type="radio" name="tagradio" id="radioshowitem2" value="T"><label for="chooseN>Display T</label>
  <input type="radio" name="tagradio" id="radioshowitem3" value="Z"><label for="chooseN>Display Z</label>
</div>
</td>
</tr>

我的页面上还有另外两组单选按钮,例如Type1和Type2。

<input type="radio" class="radio27" name="seltype" value="P1"/> Type1
<input type="radio" class="radio27" name="seltype" value="P2"/> Type2 

我想要实现的是当我单击Type2单选按钮时,我不希望看到“ Display Z”单选按钮(在div id =“ consdiv”中进行了描述)。应该可以看到其余的按钮。

我尝试了

$('#radioshowitem3').hide();

也尝试过:

var radioValue = document.getElementById('#radioshowitem3');
radio.style.display = 'none' // to hide ('#radioshowitem3')

但不起作用。

尽管

$('#radioshowitem3').attr('disabled',true);

请禁用单选按钮,因此我无法单击此按钮。但是我想完全隐藏页面上的单选按钮。我的走法如下。

if ($("input[name='seltype']").click(function(e) {
var selby = $("input:radio[name=seltype]:checked").val();

if ($("input:radio[name=seltype]:checked").val() != "") {
if (selby = "P1"){
// show all buttons
}
else {
$('#radioshowitem3').hide();

// var radioValue = document.getElementById('#radioshowitem3');
// radio.style.display = 'none' // to hide ('#radioshowitem3')
}
});

单击Type1将显示div id =“ consdiv”中描述的所有单选按钮。 任何方向对我来说都是非常有用的。

0 个答案:

没有答案