帶有單選按鈕事件事件的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