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



我试图显示/隐藏一个div基于单选按钮单击在Yii表单。但是onclick事件不适合我。请帮我解决这个问题,因为我是新来的蜜蜂。我使用这个代码的单选按钮

 <?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值在这里没有传递。请帮我恢复这个问题。

我认为你的代码写得正确。只有很少的改动/可能会起作用。

我已经编辑了你的代码。看看这个:

<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 :-检查警报。

最新更新