gpt4 book ai didi

javascript - struts2与jquery单选按钮事件问题

转载 作者:行者123 更新时间:2023-11-28 18:53:31 25 4
gpt4 key购买 nike

我在使用 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com