javascript - 单击复选框时将 html 图像输入设置为启用禁用模式

Question

我编写了以下代码来设置图像按钮的状态以启用禁用模式使用 JQuery。

以下是yii格式的复选框代码

<?php echo CHtml::CheckBox('TermsAgreement','', array ('checked'=>'unchecked','value'=>'on',    )); ?>

此代码生成输入元素，如下所示。

<input value="on" type="checkbox" name="TermsAgreement" id="TermsAgreement">

然后我有如下 yii 格式的图像按钮代码

 <?php echo CHtml::imageButton('/mactorget/images/procceed.png', array ('disabled'=>false, 'id'=>'procceed')); ?>

以上代码生成以下图像按钮输入元素

<input id="procceed" src="/mactorget/images/procceed.png" type="image" name="yt0" value="submit">

现在我想根据复选框状态设置图像按钮的启用禁用模式。

为此，我编写了以下代码示例

Yii::app()->clientScript->registerScript(
                'change',
                '$("#TermsAgreement").change(function () { if($("#TermsAgreement").attr("checked")){ document.getElementById("procceed").getAttribute("disabled")=false; }else{ document.getElementById("procceed").getAttribute("disabled")=true; }});'
);

但这不会设置图像按钮元素的状态。

任何在这个问题上有经验/知识的人都可以与我分享你的想法吗？预先感谢您的帮助

Answer 1

代码的改进版本:

$("#TermsAgreement").change(function() {
    $("#procceed").attr("disabled", !$(this).is(":checked"));
});

一起:

Yii::app()->clientScript->registerScript(
    'change',
    '$("#TermsAgreement").change(function() { $("#procceed").attr("disabled", !$(this).is(":checked")); });'
);