我在jQuery Mobile中有以下代码
<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”的新表单控件,并使用display none属性进行隐藏。
<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。
答案 0 :(得分:0)
jQuery("#movetype_1").on("change", function(){
if ($(this).is(':checked'))
jQuery("#stopdatediv").show();
});