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

时间:2013-02-26 02:06:24

标签: css yii radio-button radiobuttonlist yii-events

Iam试图根据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值并没有在这里传递。请帮我恢复这个问题。

1 个答案:

答案 0 :(得分:0)

我瘦你的代码写得正确。只有少数变化/可能会起作用。

我已编辑了您的代码。请查看:

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