установка ввода изображения 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")); });'
);

Answer 2

используйте setAttribute.

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

Вы используете jQuery, поэтому вы можете указать $("#procceed").attr("disabled", true) and $ ("# procceed"). Attr ("disabled", false);