javascript - 如何在 Yii javascript 中使用复选框隐藏或显示文本字段

Question

我已经在我的 Yii 项目 View 中激活了我的 js 文件:

<?php
/* Register javascript */
Yii::app()->clientScript->registerScriptFile(Yii::app()->baseUrl . '/js/showHide.js');
?>

仍然在我看来，我有一个名为“tbo_sk”的复选框和名为“nilaiblksk”的文本字段

<?php echo $form->checkBox($model, 'tbo_sk'); ?>
<div style="display: none"><?php echo $form->textField($model, 'nilaiblksk'); ?></div>

我的问题是，我们如何在我的 showHide.js 文件中编写 JavaScript 代码，以便在选中复选框时显示文本字段，否则如果未选中则隐藏文本字段？

在我的 div 标签中，我使用 style="display: none"来隐藏 textField。

提前致谢!

Answer 1

最好给你的div一个ID或Class，而不是在jQuery中使用parent():

<div id="hiddenDiv" style="display: none"><?php echo $form->textField($model, 'nilaiblksk'); ?></div>

<script>
$(document).ready(function(){
    $('#MODELNAME_tbo_sk').change(function(){
        $('#hiddenDiv').toggle(); // or do $('#MODELNAME_nilaiblksk').parent().toggle();
    });
});
</script>