javascript - jquery - 在表单重新加载时显示文本区域和标签是选中的单选按钮

Question

我正在设计一个 zend 驱动的表单，所以不想更改标记。

我试图在单选按钮值为 no 时隐藏 textarea 和它的标签，但当它是时 textarea 和标签应该出现。

我遇到的问题是，如果选择 yes 后 textarea 没有填写，并且按下了提交按钮，zend 会显示它自己的错误消息，这很好，但是由于提交操作导致页面重新加载，它保留了 yes 的值在表单上但隐藏了文本区域和标签，因此您必须重新单击“是”值才能让它们再次出现。

目标 - 如果选择 yes 按钮，则会出现 textarea 和 label，但如果未填写 textarea 并点击提交按钮，则会出现错误，但仍然选择 yes 值并且 textarea 和 label 仍然可见，直到没有被击中！

到目前为止我的代码 -

$(function(){
    if ($('#declarations-refused-y').is(':selected')) {
        $('#declarations-refusedText-label, #declarations-refusedText-element').show();
    }
    else {
        $('#declarations-refusedText-label, #declarations-refusedText-element').hide();
    }          
});

Answer 1

使用:checked而不是:selected.

$(function(){
  if ($('#declarations-refused-y').is(':checked')) {
    $('#declarations-refusedText-label, #declarations-refusedText-element').show();
  } else {
    $('#declarations-refusedText-label, #declarations-refusedText-element').hide();
  }          
});