在我的JQuery移动应用程序中,我有一个锚点按钮。它应该首先被禁用,并且在选中复选框时,能够使用锚点按钮。但它没有用。
Html代码
<input type="checkbox" name="checkbox2" id="checkbox2" class="custom" />
<div id="check">
<a data-role="button" data-transition="fade" data-theme="c" disabled="disabled" onclick="PostRegistration()" class="forcolouredbuttontext">
REGISTER
</a>
</div>
脚本
$('#check').ready(function(){
$('#checkbox2').click(function() {
var buttonsChecked = $('input:checkbox:checked');
if (buttonsChecked.length) {
$('div#check a').button('enable');
}
else {
$('div#check a').button('disable');
}
});
});
我在这里做错了什么?
请帮忙,
由于
答案 0 :(得分:1)
disabled="disabled"
用于输入控件。您无法禁用锚标记。
尝试使用按钮元素..
<input type="checkbox" name="checkbox2" id="checkbox2" class="custom" />
<div id="check">
<input type="button" data-role="button" data-transition="fade" data-theme="c" disabled="disabled" onclick="PostRegistration()" class="forcolouredbuttontext" value="REGISTER" />
</div>
//
$('#check').ready(function(){
$('#checkbox2').click(function() {
var buttonsChecked = $('input:checkbox:checked');
if (buttonsChecked.length) {
$('div#check input[type=button]').attr('disabled', false);
}
else {
$('div#check input[type=button]').attr('disabled', true);
}
});
});
答案 1 :(得分:0)
<a data-role="button" data-transition="fade" data-theme="c" disabled="disabled" onclick="PostRegistration()" class="forcolouredbuttontext" id="checkbox2">