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

使用setAttribute。

http://www.w3schools.com/dom/met_element_setattribute.asp

你正在使用jQuery，所以你可以给$("#procceed").attr("disabled", true) and $（“＃procceed”）。attr（“disabled”，false）;

Answer 2

改进了代码版本：

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

所有在一起：

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

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

2 个答案: