我当前的代码:
<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”中描述的所有单选按钮。 任何方向对我来说都是非常有用的。