带有单选按钮事件事件的struts2

Question

我在使用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 input标签，并且我想使用struts2标签元素。

我的代码有什么问题吗？ 或错过任何图书馆？ 请帮忙

Answer 1

采用：

$("input[name='recurringOrOneTime']").change(function(){
        alert('Radio Button event raised');
        });

代替

$("#tType").change(function(){
    alert('Radio Button event raised');
    });

id在html文档中必须是唯一的，您要为2个单选按钮分配相同的id。

Answer 2

您可以更改两件事：

将属性id更改为class 。
而是将事件绑定到类名。

更改

id="tType"

至

class="tType"

现在绑定事件：

$(".tType").change(function(){
    alert('Radio Button event raised');
});

甚至您也可以使用input[type="radio"], :radio等引用它：

$("form input[type='radio']").change(function(){ // or $("form :radio")
    alert('Radio Button event raised');
});

带有单选按钮事件事件的struts2

问题描述

2 个解决方案

解决方案1
2 已采纳 2015-12-04 06:57:59

解决方案2
1 2015-12-04 07:07:22

带有单选按钮事件事件的struts2

问题描述

2 个解决方案

解决方案1 2 已采纳 2015-12-04 06:57:59

解决方案2 1 2015-12-04 07:07:22

解决方案1
2 已采纳 2015-12-04 06:57:59

解决方案2
1 2015-12-04 07:07:22