jQuery-在表单重新加载上显示textarea和标签是yes单选按钮

Question

我正在设计zend驱动的表单，因此不想更改标记。

当单选按钮值为no时，我试图隐藏textarea及其标签，但是当单选按钮值为yes时，应显示textarea和label。

我遇到的问题是，一旦选择yes，然后未填充textarea，并按下了提交按钮，zend会显示它自己的错误消息，这很好，但是由于页面由于Submit操作而被重新加载，因此它保持yes的值在表单上，​​但是隐藏了textarea和标签，因此您必须重新单击yes值才能使其再次出现。

目标-如果选择“是”按钮，则会显示文本区域和标签，但是如果未填写文本区域并单击了“提交”按钮，则会出现错误，但仍会选择“是”值并且文本区域和标签仍然可见，直到没有被击中！

到目前为止，我的代码-

$(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();
  }          
});