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

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

问题描述:

Iam试图根据Yii窗体中的单选按钮单击来显示/隐藏div。但onclick事件不适合我。请帮我解决这个问题,因为Iam为Yii提供了一个新的蜜蜂。 荫使用单选按钮在Yii中显示/隐藏div单选按钮单击

<?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 :-检查与警报,如果你能得到的数据为变量的值。

+0

谢谢4回复....我试了代码,但没有结果。当我运行这个代码以及radi按钮时,它显示“setVisible('Yes_box',true); setVisible('No_box',false)”)“作为另一个选项 – anu 2013-02-26 08:04:10