Question

我有几个标准字段的webform，但是我希望缩小或灰显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，复选框不是更好的选择吗？

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

1 个答案: