jquery - 在表单重新加载时显示textarea和标签是选择单选按钮

Question

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

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

我遇到的问题是，如果在选择yes后没有填写textarea，并且按下了提交按钮，zend会显示它自己的错误消息，这是好的，但是因为提交操作重新加载了页面，所以它保留了表单上的yes值但隐藏了textarea和label，因此您必须重新单击yes值才能使它们再次出现。

目标 - 如果选择了“是”按钮，则会显示textarea和标签，但如果没有填写textarea并且按下了提交按钮，则会出现错误，但仍然会选择“是”值并且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();
  }          
});