我编写了以下代码来设置图像按钮的状态以启用禁用模式 使用 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; }});'
);
但这不会设置图像按钮元素的状态。
任何在这个问题上有经验/知识的人都可以与我分享你的想法吗?预先感谢您的帮助
最佳答案
代码的改进版本:
$("#TermsAgreement").change(function() {
$("#procceed").attr("disabled", !$(this).is(":checked"));
});
一起:
Yii::app()->clientScript->registerScript(
'change',
'$("#TermsAgreement").change(function() { $("#procceed").attr("disabled", !$(this).is(":checked")); });'
);
关于javascript - 单击复选框时将 html 图像输入设置为启用禁用模式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8868970/