jquery点击事件单选按钮

时间:2015-06-03 04:01:52

标签: javascript jquery html

点击事件似乎不适用于单选按钮。

$(document).on("tap","input[type=radio]",function(e){//do something});

此事件不会触发。 单击事件似乎适用于单选按钮。

点击事件似乎适用于所有其他类型的按钮。

完整HTML

<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $(document).on("tap","input[type=radio]",function(e){alert("tapped");});
});
</script>

<body>
<form action="#">
  <input type="radio" name="Gender" value="Male">Male<br>
  <input type="radio" name="Gender" value="Female">Female<br>
  <input type="submit">
</form>

<p>Click on the submit button to submit the form.</p>

</body>
</html>

如果我用点击替换点按,同样可以正常工作。

点击事件正常,否则不是问题。

1 个答案:

答案 0 :(得分:2)

你缺少的是jquery移动库:

<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

您可以从W3Schools查看此example

即使tap事件等同于jquery中的click事件,您也需要添加移动库以使tap事件有效。

根据您的情况查看此工作JSFiddle