jsp中radio的使用方法

最新推荐文章于 2023-08-25 10:15:20 发布
转载 最新推荐文章于 2023-08-25 10:15:20 发布 · 8.5k 阅读 · 3
文章标签：

#jsp #html #import #bean #javascript #function

本文介绍如何在Struts框架中实现Radio按钮的加载、设置静态与动态默认值的方法。涉及页面元素加载流程、属性配置及JavaScript脚本实现。
1．页面radio的加载：
//   (1)引入所需的类
<%@ page import="java.util.ArrayList" %>
<%@ page import="org.apache.struts.util.LabelValueBean" %>
// (2)设置radio的值及对应名称
<%
   ArrayList empRoleList= new ArrayList();
   empRoleList.add(new LabelValueBean("开发部普通员工", "10000001"));
   empRoleList.add(new LabelValueBean("开发部管理员", "10000000"));
   request.setAttribute ("empRoleList",empRoleList);
%>
// (3)jsp页面中的使用
<logic:iterate id="empRoles" name="empRoleList">
     <html:radio idName="empRoles" property="empRoleID" value="value" />
     <bean:write name="empRoles" property="label"/>
</logic:iterate>
通过上述三个步骤就可以显示radio，但是还没有设置默认值，设置默认值分两种情况：
一种是radio的默认值是静态的情况下：
只需要在JSP页面的尾部（<body>标签和<html:html>标签之间即可）加入下面的JS脚本，
<script type="text/javascript" language="Javascript">
   froms[0].empRoleID[0].checked=true;
</script>
这样第一个radio就被选中了，如果选让其他radio选中，只要更改数组值就可以了。
另一种是radio的默认值是动态的情况下：
这种情况是该页面的radio值是从别的页面传过来的，不一定是显示哪一个，方法如下：
首先在页面上部取得该radio的值：
     <%
         String empRole=empDto.getEmpRoleID();          //empDto是个已经有值的bean类。
         request.setAttribute("empDto",empDto);
    %>
然后在页面尾部<body>与<html:html>之间即可，加上
<script>setChecked(<%=empRole%>)</script>          //调用一个JS
相应的JS为：
     function setChecked(empRole){
        if(empRole=="10000000"){                                // 当取出的值是10000000的情况下
           froms[0].empRoleID[1].checked=true;   // 设置第一个radio被选中
        } else{                                                             // 否则,
           froms[0].empRoleID[0].checked=true;   // 另一个radio被选中
       }
    }
   //（多个radio也可以依照上面的方法进行判断
  
jsp中radio控件的使用
01-21
该工程主要是通过jsp和radio控件，利用JavaScript技术，简单判断radio控件是否选中，并且获取radio控件的值
js中获取jsp表单中radio类型的值简单实例
10-21
在Web开发中，经常需要使用JavaScript与JSP技术来实现用户界面与服务器之间的交互。特别是在涉及到表单数据处理时，如何获取特定表单元素的值是一个常见的需求。本文将通过一个简单实例，讲解如何在JavaScript中获取...
jsp中的radio和checkbox
weixin_39690245的博客
09-04 675
radio 单选 checkbox 多选 radio示例： &lt;label style="float:left;padding-left: 12px;"&gt;&lt;input class="ace" name="resultState" id="form-field-radio0" checked="checked" type="radio" value
jsp页面中，以radio赋值（与 “jsp页面中，以radio取值” 成对）
qq_38356392的博客
04-25 2951
dao层： void updateCodeState(@Param("codeState")String codeState,@Param("noid")Integer noid); dao.xml层：      update t_user set code_state=#{codeState} where noid=#{noid}   service层： public v
JSP中radio的使用及js中的点击事件
cainiao_study的博客
07-15 4353
不经常使用就会忘记，此处做一个笔记，方便以后使用 第一种，也是最简单的一种方式实现， <%-- Created by IntelliJ IDEA. Date: 2019/7/15 Time: 9:46 To change this template use File | Settings | File Templates. --%> <%@ page con...
jsp java radio_js中获取jsp表单中radio类型的值简单实例
weixin_34738099的博客
02-28 647
1、问题的引出：我们经常需要在js中使用ajax向后台发送请求，在这之前我们需要搜集所需的Form表单参数， 我常常会如此解决，简单省事：// editBasicDataObjectForm 为 form的id，data的形式为 name1=val1&name2=val2&name3=val3&.....var data = $("#editBasicDataObjectF...
js中获取jsp表单中radio类型的值简单实例.doc
12-08
本文将通过一个具体实例，详细阐述如何在JavaScript中获取JSP表单中的单选按钮（radio）类型的值。通过这个实例，我们可以了解如何使用JavaScript操作DOM元素，以及如何处理特定的表单元素获取所需数据，这对于使用...
JSP页面中radio控件选中状态与值获取方法
通过掌握其基本使用方法、结合JavaScript进行前端验证以及学会获取和处理radio控件的值，可以让Web应用更加友好和健壮。在实际应用中，开发者可能还会遇到更为复杂的需求，如动态生成radio控件、实现更复杂的表单...
JS Radio
弱智de克星
08-30 538
js radio
jsp页面一组radio取值
lycrsx的专栏
08-20 5865
今天又犯了个低级错误，明白了这个：radio单选按钮是一组，一组单选按钮的名字是一样的。所以在js取值时应该用数组的方式取值。例如：成人儿童婴儿 取值时用： ra[0],ra[1],ra[2], 如if(ra[0].checked==false){}
js单选radio切换
08-11
js 单选 radio切换div
js组件：radio组件
new___Smile的博客
06-20 1128
raido的两种用法： 1 先选在弹出相关内容 2 页面有的，只需要自己选 代码如下：<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>radio组件演示</title> <style type="text/c
jsp页面中radio值的访问
06-23 385
升序 降序 var asc = document.getElementsByName("asc"); var len = asc.length; var ascv; for(var i=0;i<len;i++){ if(asc[i].checked==true){ ascv=asc[i].value;
javascript操作radio
HuangS的专栏
05-15 1964
以前一直误以为操作radio可以用value来读取，今天经理倒开导了我，我倒是一直自以为是啊，惭愧惭愧。看例：123for(i=0;i//这里又会用到eval()函数，这个函数确实好用eval(alert(document.all.radio1[ + i + ].value));//还有就是测试是否被选中//if(document.all.radio
js控制radio
Ethe的博客
08-25 2297
【代码】js控制radio。
JavaScript---radio组
weixin_30622107的博客
05-11 251
很多人都觉得在javascript声明一个变量，加var和不加var没有什么区别，实际上是一个错误的观点，如果在函数外面，也就是说在window区域加不加var确实是一样，因为都会是全局变量的效果，而如果在函数内部，加var就是局部变量，不加是全局变量。 function test(){ var1 = 2; alert(var1); } test();...
jsp页面循环中对radio赋初值
草根的理想
04-16 1542
循环中动态生成radio按钮：                                       style="border:0" onclick="checkSelect()">          写在html之后：   if (window.document.forms[0].index[0] != undefined){     window.document.f
javascript当中radio的用法
qq_43650923的博客
10-12 2078
5.radio 例 5.1（RadioReferenceIEFF.html） <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <head> <meta http-equiv="content-type" content="text/html; charset...
jsp radio使用
最新发布
09-01
在 JSP 中，radio 是一种用于创建单选按钮的 HTML 元素，常用于让用户从多个选项中选择一个。以下是其使用方法的详细介绍： #### 基本 HTML 结构 在 JSP 页面中，可以直接使用 HTML 的 `<input>` 标签来创建 radio 按钮，示例代码如下： ```jsp <!DOCTYPE html> <html> <head> <title>JSP Radio 使用示例</title> </head> <body> <form action="process.jsp" method="post"> <input type="radio" name="gender" value="male"> 男 <input type="radio" name="gender" value="female"> 女 <input type="submit" value="提交"> </form> </body> </html> ``` 在上述代码中，`name` 属性相同的 radio 按钮会被视为一组，用户只能从中选择一个选项。`value` 属性表示该选项被选中时提交的值。 #### 设置默认选择值 有多种方式可以设置 radio 按钮的默认选择值，以 radiao 为例，其中一种方式是在 JSP 中使用 Java 脚本，示例代码如下： ```jsp <% String state = request.getParameter("state"); if ("option1".equals(state)) { %> <input type="radio" name="option" value="option1" checked> 选项1 <input type="radio" name="option" value="option2"> 选项2 <% } else { %> <input type="radio" name="option" value="option1"> 选项1 <input type="radio" name="option" value="option2" checked> 选项2 <% } %> ``` 这种方法最直接，但脚本太多时不容易维护[^1]。 #### 处理表单提交 当用户点击提交按钮后，表单数据会被发送到指定的 JSP 页面（如 `process.jsp`），可以在该页面中获取用户选择的值，示例代码如下： ```jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <title>处理表单数据</title> </head> <body> <% String gender = request.getParameter("gender"); if (gender != null) { out.println("你选择的性别是：" + gender); } else { out.println("你没有选择任何选项。"); } %> </body> </html> ``` #### 绑定 JavaScript 点击事件 可以为 radio 按钮绑定 JavaScript 点击事件，以实现更复杂的交互效果，示例代码如下： ```jsp <!DOCTYPE html> <html> <head> <title>JSP Radio 点击事件示例</title> <script> function handleRadioClick() { var radioButtons = document.getElementsByName("color"); for (var i = 0; i < radioButtons.length; i++) { if (radioButtons[i].checked) { alert("你选择的颜色是：" + radioButtons[i].value); break; } } } </script> </head> <body> <form> <input type="radio" name="color" value="red" onclick="handleRadioClick()"> 红色 <input type="radio" name="color" value="blue" onclick="handleRadioClick()"> 蓝色 <input type="radio" name="color" value="green" onclick="handleRadioClick()"> 绿色 </form> </body> </html> ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值