Question

我有一个JqMobile代码： -

我想要做的是检查复选框，在上面的<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：

$(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);
        }
    });
});

在检查时，在Js Mobile中显示复选框的标签文本

1 个答案: