在pagebeforeshow上需要使用jquery mobile中的名称和值来检查复选框

时间:2014-10-17 11:04:10

标签: javascript jquery jquery-mobile checkbox

您好,在pagebeforeshow需要使用jquery mobile中的名称和值来检查复选框,是否可能?有谁可以帮助我吗?谢谢。我已经尝试过,但我无法做到。

$('input:checkbox[name=checkbox-v-1][value="Patient"]').prop("checked",true);
<div id="chkboxdiv">
   <fieldset id="CG-demo" class="ui-controlgroup ui-controlgroup-vertical ui-corner-all" data-role="controlgroup">
      <div class="ui-controlgroup-controls ">
      </div>
      <div class="ui-checkbox">
        <label class="ui-btn ui-corner-all ui-btn-inherit ui-btn-icon-left ui-checkbox-off" for="checkbox-v-10">Patient</label>
        <input id="checkbox-v-10" type="checkbox" value="Patient" name="checkbox-v-1" checked="checked">
      </div>
      <div class="ui-checkbox">
        <label class="ui-btn ui-corner-all ui-btn-inherit ui-btn-icon-left ui-checkbox-off" for="checkbox-v-11">Clinician</label>
        <input id="checkbox-v-11" type="checkbox" value="Clinician" name="checkbox-v-1" checked="checked">
      </div>
      <div class="ui-checkbox">
        <label class="ui-btn ui-corner-all ui-btn-inherit ui-btn-icon-left ui-checkbox-off" for="checkbox-v-12">PayTM Customer</label>
        <input id="checkbox-v-12" type="checkbox" customer="" value="PayTM" name="checkbox-v-1" checked="checked">
      </div>
      <div class="ui-checkbox">
        <label class="ui-btn ui-corner-all ui-btn-inherit ui-btn-icon-left ui-checkbox-off" for="checkbox-v-13">CClass</label>
        <input id="checkbox-v-13" type="checkbox" value="CClass" name="checkbox-v-1" checked="checked">
      </div>
      <div class="ui-checkbox">
        <label class="ui-btn ui-corner-all ui-btn-inherit ui-btn-icon-left ui-checkbox-off" for="checkbox-v-14">BClass</label>
        <input id="checkbox-v-14" type="checkbox" value="BClass" name="checkbox-v-1" checked="checked">
      </div>

1 个答案:

答案 0 :(得分:0)

你第一次尝试就差不多了。

设置checked属性时,将其设置为checked而不是true:.prop("checked", "checked")

设置checked属性后,刷新jQM小部件:.checkboxradio("refresh")

所以现在整行都是

$('input:checkbox[name="checkbox-v-1"][value="Patient"]').prop("checked", "checked").checkboxradio("refresh");
  

这是一个有效的 DEMO

单击第2页按钮,查看是否已检查患者。