javascript - jquery 点击事件单选按钮

标签 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>

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

tap 事件工作正常,否则这不是问题。

最佳答案

您缺少的是 jquery 移动库:

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

你可以看看这个example来自 W3Schools。

尽管tap事件相当于jquery中的click事件,但您需要添加移动库才能使tap事件起作用。

看看这个工作 JSFiddle针对您的情况。

关于javascript - jquery 点击事件单选按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30610610/

相关文章:

javascript - 在CSS中平均分隔同一行上的两个选择框

javascript - 使用 jQuery 删除元素并将其文本插入到父元素中的同一位置

jquery - 根据选择值显示/隐藏按钮

javascript - 如何在不阻止 ListView 中的 UI 可视化更改的情况下处理点击事件

html - 如何禁用网页中的滚动条? (不是隐藏滚动条)

html - iframe 允许垂直滚动条但不允许水平滚动条

html - 为什么我的列表项元素符号与 float 元素重叠

javascript - 我想根据文本值更改表循环中文本的颜色

javascript - 检查配置文件是管理员还是用户并相应显示

JavaScript 递归基础知识