2

jQueryMobileWebサイトの問題で立ち往生しています。折りたたみ可能なリストを備えたjQueryモバイルWebサイト（http://dev.sreejesh.in/jqmobile/inbox.html）に取り組んでいます。

ユーザーがリストを開かなくてもチェックできるように、クライアントにはヘッダー内にチェックボックスが必要です。中に入れてみましたがうまくいきません。チェックボックスが表示されますが、クリックできません。私はグーグルでたくさん検索しましたが、解決策を見つけることができませんでした。皆さんが私を助けてくれることを願っています。お願いします.....

4

1 に答える 1

1

これはうまくいくはずです。チェックボックスが複数ある場合は、必ず一意の ID を指定してください。チェックボックスのラベルも忘れないでください。

<div id="collapsibleSetWrapper" data-role="collapsible-set">
    <div data-role="collapsible" data-collapsed="true">
        <h3>
           <span>some title</span>
           <input class="mycheckbox" type="checkbox" id="uniqueID"/>
           <label for="uniqueID">&nbsp;</label>
        </h3>
        <div id="mycontent">
              <p>this is the content</p>
        </div>
    </div>
</div>

<script>    
$('#collapsibleSetWrapper .mycheckbox').checkboxradio({
    create: function(event,ui){
        var checkbox = $(event.target);
        var clickTarget = $(event.target).parent();
        $(clickTarget).click(function(e){
            if($(checkbox).is(':checked')){
                $(checkbox).attr("checked",false).checkboxradio("refresh");
                // select all the nested checkboxes here
            }
            else{
                $(checkbox).attr("checked",true).checkboxradio("refresh");
                // unselect all the nested checkboxes here
            }
            e.preventDefault();
            return false;
        });
    }
})
</script>
于 2013-04-11T14:50:10.583 に答える