我在使用 jquery 处理单选按钮事件时遇到问题。我是 JQuery 新手,但尝试使用 JQuery 处理 html 表单元素事件。最近几天,我已将 JQuery datepicker 添加到我的表单中,该表单工作正常,现在尝试添加单选按钮并处理单选按钮的选中和未选中事件,以隐藏和显示 html 元素的某些部分(文本字段、选择和其他元素)。
这是我的代码
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="tags" uri="/struts-tags"%>
<html>
<head>
<link rel="stylesheet" href="jquery/jquery-ui.css">
</head>
<body>
<tags:form name="someForm" action="someAction" method="post">
<tags:textfield key="someActionClass.transactionDate" id="datepicker" label="Transaction Date" />
<tags:radio list="#{'1':'One Time','2':'Recurring'}" id="tType" lable="Transaction Type" name="recurringOrOneTime"></tags:radio>
<div class="recuType">
<h1>this part should be hiden/show depending upon radio button events</h1>
</div>
<script src="jquery/external/jquery/jquery.js"></script>
<script src="jquery/jquery-ui.js"></script>
<script>
$( "#datepicker" ).datepicker({
inline: true
});
$("#tType").change(function(){
alert('Radio Button event raised');
});
</script>
</tags:form>
</body>
</html>
我已经在 jquery 目录中添加了为 JQuery datepicker 下载的 JQuery 库,如您从此链接标记中看到的
<link rel="stylesheet" href="jquery/jquery-ui.css">
所以,当我单击单选按钮时,不会生成任何事件。出于测试目的,我尝试使用选定的单选按钮值弹出并发出警报消息,但没有成功。我已经浏览了很多帖子和示例,其中大多数都使用 html 输入标签,我想使用 struts2 标签元素。
我的代码有什么问题吗?或者错过了任何要包含的库?请帮忙
最佳答案
用途:
$("input[name='recurringOrOneTime']").change(function(){
alert('Radio Button event raised');
});
而不是
$("#tType").change(function(){
alert('Radio Button event raised');
});
id 在 html 文档中必须是唯一的,您正在为 2 个单选按钮分配相同的 id。
关于javascript - struts2与jquery单选按钮事件问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34082566/