Question

我想要隐藏两个单选按钮，只需将下拉列表提供给用户进行选择。是否可以完全隐藏单选按钮而不隐藏下拉列表？ $("[name^=UseAllCodes]").parent().hide();也隐藏了dd列表。

<table>
<tr>
<td><input type="radio" name="UseAllCodes" value="yes" checked  onClick="attReset();"> All<br>
<input type="radio" name="UseAllCodes" value="no" onClick="attReset();"  id="theseCodes"> These codes  <br>
<select name="handpick" onChange="attToggleAndReset();" size="10" multiple>
<option value="25248692">Code 1
<option value="25248693">Code 2
</select>
</td>
</tr>
</table>

Answer 1

如果您无法更改原始HTML，但不介意删除单选按钮，而不是隐藏它们，则可以执行以下操作：

SuperpoweredExample

这将分离select元素，然后清除表格单元格，最后将select元素放回去。

jsfiddle

如果您仍需要单选按钮来处理值，则可以使用隐藏输入替换它们。

var $select = $("[name=handpick]");
var $cell = $select.parent();
$select.detach();
$cell.empty().append($select);

如果您要隐藏单选按钮发布表单，则不会包含其值，但隐藏输入的值将为。

jsfiddle

Answer 2

有多种方法可以做到这一点。

在您的单选按钮中添加 ID 或类：

// Html
<input type="radio" id="myIdHere" .... />
<input type="radio" class="myClass" .... />

// JS
$("#myIdHere").hide()
$(".myClass").hide()

您可以按输入类型切换：

$("input[type=radio]").hide()

或者您可以更具体，只能按表格中的类型切换：

$("table").find("input[type=radio]").hide()

可能还有其他一些方法可以做到这一点，只需稍微试验一下。

有没有隐藏单选按钮而不是下拉列表？

2 个答案: