jquery - 检查时，在 JqMobile 中显示复选框的标签文本

Question

我有一个 JqMobile 代码：-

http://jsfiddle.net/qgueS/

我想做的是检查复选框，在<h3>Select</h3>上面显示它们各自的标签文本，例如，如果选择了 Bajaj Pulsar 和 Honda Shine，则显示如下......

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

有人可以帮忙吗？？

Answer 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);
        }
    });
});​