jquery手机输入标签按钮

这是HTML文档。

<input class="input" type='checkbox' id='ev_1' name='ev_1' checked='checked'/> 
<label for='ev_1'> 
<button class='ui-btn custom-btn' id='issue'>On</button> 
</label>

这是javascript。

$("#issue").click(function(event){ 
    alert("!"); 
}

我觉得alert（“！”）;当我点击按钮时发生。但是，不起作用。我需要你的帮助。

来源

2014-12-02 Yongchan Jo

http://stackoverflow.com/a/ 21259873/1771795为什么你在标签中包装按钮？换行输入复选框。 – Omar 2014-12-02 10:37:06

是否可能包装输入复选框？ – 2014-12-03 00:26:37

奥马尔·提到的，您的按钮应该是标签之外，您输入的复选框可以在标签内：

<label for='ev_1'> 
    <input class="input" type='checkbox' id='ev_1' name='ev_1' checked='checked' />On 
</label> 
<button class='ui-btn custom-btn' id='issue'>On</button>

然后你可以在JQM pagecreate处理程序定义的事件处理。为了处理该复选框，使用change事件处理，而对于按钮单击处理程序：

$(document).on("pagecreate", "#page1", function() { 
    $("#issue").on("click", function (event) { 
     alert("Button Click"); 
    }); 

    $("#ev_1").on("change", function (event) { 
     alert("Checkbox Change"); 
    }); 
});

这里是一个工作DEMO

来源

2014-12-02 19:39:07 ezanker

我想要标签中的按钮... ^^ – 2014-12-03 00:27:26

@YongchanJo，你想通过标签内的按钮来达到什么目的？你可以这样做，但点击按钮也会改变复选框：http://jsfiddle.net/ezanker/x4r8t1fy/1/ – ezanker 2014-12-03 14:14:53

哇，谢谢你的关注。（“点击”，功能（事件）{ alert（“Button Click”）; return false; }）; – 2014-12-04 05:49:17

jquery手机输入标签按钮

回答

相关问题