disabled =“disabled”不适用于主播按钮:JQuery mobile

时间:2012-10-02 04:48:35

标签: jquery jquery-mobile

在我的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');             
                }
            });
        });

我在这里做错了什么?

请帮忙,

由于

2 个答案:

答案 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">