css - 在 Yii 单选按钮单击中显示/隐藏 div

Question

我试图根据 Yii 表单中的单选按钮单击来显示/隐藏 div。但是 onclick 事件对我不起作用。请帮我解决这个问题，因为我是 Yii 的新手。我正在将此代码用于单选按钮

 <?php echo $form->radioButtonList($model,'service_type',array(
                    '0'=>'Yes',
                    '1'=>'No',
                    'separator'=>'',
                    'onclick'=>"setVisible('Yes_box',true);setVisible('No_box', false)"));     ?>

  <div id="Yes_box" style="visibility: hidden"> contents of Yes type </div>
   <div id="No_box" style="visibility: hidden"> contents of No type </div>

这是我的脚本：

<script>
  $(document).ready(function () {
    $("input[name$='type']").click(function () {
      var value = $(this).val();
      if (value == 'Yes') {
        $("#Yes_box").show();
        $("#No_box").hide();
      } else if (value == 'No') {
        $("#No_box").show();
        $("#Yes_box").hide();
      }
    });
    $("#Yes_box").show();
    $("#No_box").hide();
  });
</script>

当我使用此代码时，只有最后一个条件有效，即 Yes_box 正在显示。我认为 onclick 值没有在这里传递。请帮我解决这个问题。

Answer 1

我认为您的代码编写正确。只有很少的变化/可能会起作用。

我已经编辑了你的代码。检查一下：

<script>
  $(document).ready(function () {
    $("input[name=type]").click(function () {
      var value = $(this).val();
      if (value == 'Yes') {
        $("#Yes_box").show();
        $("#No_box").hide();
      } else if (value == 'No') {
        $("#No_box").show();
        $("#Yes_box").hide();
      }
    });
  });
</script>

NOTE :-如果您能够将数据放入 value 变量中，还请检查警报。