1

私の 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');             
                }
            });
        });

ここで何が間違っていますか？

助けてください、

ありがとう

4

2 に答える 2

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);              
                }
            });
    });
于 2012-10-02T04:59:01.303 に答える
0 
<a data-role="button" data-transition="fade" data-theme="c" disabled="disabled" onclick="PostRegistration()" class="forcolouredbuttontext" id="checkbox2">
于 2012-10-02T04:52:08.127 に答える