激活在基於jQuery的複選框的值移動

某些表單元素我在jQuery Mobile的一個下面的代碼激活在基於jQuery的複選框的值移動

<fieldset data-role="controlgroup" data-type="horizontal" data-mini="true"> 
      <legend>Is this move permanent or temporary?</legend> 
       <input type="radio" name="moveinfo" value="p" id="movetype_0" class="defhide required" checked="checked"> 
       <label for="movetype_0" id="permanentlabel">Permanent</label> 
       <input type="radio" name="moveinfo" value="t" id="movetype_1" class="toggleCheck required "> 
       <label for="movetype_1" id="temporarylabel">Temporary</label> 
     </fieldset>

如果臨時檢查，（觸摸事件），與ID「stopdatediv」新形式的控制應使用顯示無屬性將其激活，然後進行隱藏。

<div id="stopdatediv" style="display:none"> 
       <label for="stopdate" >Stop forwarding on</label> 
       <input type="date" name="date" id="stopdate" value="" class="required" data-role="datebox" 
    data-options='{"mode": "calbox"}'> 
       </div>

我想綁定事件，但它似乎不工作。

jQuery(document).bind("pageinit", function(){ 
    jQuery("#movetype_1").on("tap", function(){ 
       jQuery("#stopdatediv").show(); 
    }); 
});

我試過了，水龍頭，點擊等

如何顯示stopdatediv。

來源

2013-12-17 Jagan K

我們有類似的問題，以及負載反應在這裏。請使用搜索功能節省您的時間等待答案。 –

對於帶來的不便，我感到很遺憾，我認爲這個問題與Touch事件沒有響應有關。 –

jQuery("#movetype_1").on("change", function(){ 
       if ($(this).is(':checked')) 
        jQuery("#stopdatediv").show(); 
    });

Fiddle

來源

2013-12-17 07:29:34

工作!!!。是的，複選框以不同的方式工作，我忘了。我認爲移動事件不起作用。 –

激活在基於jQuery的複選框的值移動

回答

相關問題