html - 使用网络表单上的单选按钮打开另一个可以输入数据的字段

Question

我有带有几个标准字段的网络表单，但是我希望缩小或变灰或隐藏 1 个字段，直到其上方的字段...带有是或否选项的单选按钮选择框被选中是...甚至是复选框可以工作...没关系

<tr>
 <td style="width: 143px"><b>Add Notes:
 </b></td>
<td><input type="radio" name="cmtad" value=Yes>Yes
    <input type="radio" name="cmtad" value=No>No
</td>
</tr>

<tr>
 <td style="width: 143px" class="style10"><b>Notes:
 </b></td>
<td >
<textarea input name=info rows="5" cols="32"  style="color: black;background-color:#FFFF66"></textarea></td>
</tr>

我希望只有在添加注释上方的单选按钮中单击是时才会显示注释文本区域。谢谢

Answer 1

您可以使用 javascript 或 jquery 来执行此操作。

下面是一个 jquery 的例子。

$(document).ready(function() {
   $('input[name="cmtad"][value="Yes"]').click(function() {
      $(this).parent().parent().next().show();
   }
   $('input[name="cmtad"][value="No"]').click(function() {
      $(this).parent().parent().next().hide();
   }
});

上面的代码应该隐藏包含单选按钮的tr紧随其后的内容。tr这些parent()调用允许 jquery 冒泡 DOM 以选择下一个tr. 这是一个示例代码，根据需要进行编辑。

PS，复选框不是更好的选择吗？