javascript - 在 yii 中启用和禁用图像

Question

在 yii 表单中有一个用于同意条件的复选框。像这样的代码

<div class="row">                     
<?php echo $form->checkBox($model,'agree',array('id'=>'abc')); ?>
<?php echo $form->labelEx($model, 'agree'); ?>
<?php echo "<br><br>".$form->error($model,'agree'); ?>
</div>
<div class="row buttons" >
<?php  echo CHtml::imageButton(Yii::app()->request->baseUrl.'/images/home/Create.png',      array('submit'),array('id'=>'efg'));?></div>

我想禁用图像按钮onload，并且在选中复选框时，我想启用图像按钮。yii怎么可能？

Answer 1

在 javascript 中，您应该：

1. 检查复选框的状态
2. 根据此状态启用或不启用按钮

这是一个例子：

<script type="text/javascript">
/*<![CDATA[*/
jQuery(document).ready(function() {
    $('#abc').click(function () {
        if($('#abc').is(':checked')) {
            $("#efg").removeAttr("disabled");
        } else {
           $("#efg").attr("disabled", "disabled");
        }
    });
});
/*]]>*/
</script>