0

私はJqMobileコードを持っています:-

http://jsfiddle.net/qgueS/

私がやりたいことは、チェックボックスをオンにして、それぞれのラベルテキストを<h3>Select</h3>上に表示することです。たとえば、Bajaj Pulsar と Honda Shine が選択されている場合は、次のように表示されます...

<h3>Bajaj Pulsar, Honda Shine,...</h3>

誰か助けてくれませんか??

4

1 に答える 1

1

まず、に追加idしdivます。

<div data-role="collapsible" data-content-theme="c" data-iconpos="right" id="foo">

次に、次のように js をロードします：</p> 

$(document).ready(function(){
    var h3_old = $('#foo h3 .ui-btn-text').text();
    $('#foo input').change(function(){
        var h3_new = new Array();
        $('#foo input:checked').each(function(){
            h3_new.push($(this).parent('div').find('.ui-btn-text').text());
        });
        if (h3_new.length > 0){
            $('#foo h3 .ui-btn-text').text(h3_new.join(', '));
        } else {
            $('#foo h3 .ui-btn-text').text(h3_old);
        }
    });
});​
于 2012-06-28T08:24:49.853 に答える