Question

jquery mobile中，checkbox包含text box时，点击textbox会影响checkbox的checked状态

我想在Jquery Mobile中，实现以下的radio和checkbo两个效果

有网友给出了方案，实现如下：
<fieldset data-role="controlgroup">
<legend>Vertical:</legend>
<input type="checkbox" name="checkbox-v-2a" id="checkbox-v-2a">
<label for="checkbox-v-2a">
One</label>
<input type="checkbox" name="checkbox-v-2b" id="checkbox-v-2b">
<label for="checkbox-v-2b">
Two
<input type="text" name="name2" id="name2" value="" style="position:relative">
</label>
<input type="checkbox" name="checkbox-v-2c" id="checkbox-v-2c">
<label for="checkbox-v-2c">
Three
<textarea cols="40" rows="8" name="textarea2" id="textarea2"></textarea>
</label>
</fieldset>
请参考链接：
http://zhidao.baidu.com/question/1366378929461401699.html?quesup2&oldq=1

显示效果如下;

对于checkbox而言，有个问题，当选择checkbox时，checkbox是checked状态，再单击checkbox右边的textbox时，checkbox就变成unchecked状态了。最理想的情况是，单击text box，不影响checkbox的check状态。
希望有网友能够给出完美的方案，我没有分数了，请不要太介意，抱歉和谢谢！





Answer 1

增加如下代码即可:

<script>
    $(document).on("pageinit", function () {
        $(".ui-checkbox input:not(:checked),.ui-checkbox textarea")
        .click(function (event) {
            event.stopPropagation();
        });
    });
</script>