Html 使用webform上的单选按钮打开另一个可以输入数据的字段

我有几个标准字段的webform，但是我想缩小或灰显或隐藏一个字段，直到它上面的字段…一个带有是或否选项的单选按钮选择框被选中是…甚至一个复选框都可以工作…这不重要

<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>

添加注释：
对
不
笔记：

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

---

谢谢

您可以使用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，

---

复选框不是一个更好的选择吗？

是的，它是一个更好的选择，感谢您的帮助，它确实有效，谢谢