js如何获取<s:radio>的值

最新推荐文章于 2018-08-02 17:37:00 发布
最新推荐文章于 2018-08-02 17:37:00 发布
阅读量2.4k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： web前端 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/liufeibo91/article/details/16340773
本文介绍了一个简单的用户注册表单实现，包括性别选择和数据验证功能。使用了简单的HTML、JavaScript和Spring MVC框架来完成。重点在于如何在表单中通过客户端脚本来确保必要的输入项被正确填写。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<s:form action="userAction_save.action" theme="simple">

<!--    省略部分代码-->

<s:radio list="{'男','女'}" name="sex" ></s:radio>

<input type="image"  onclick="return checkData();" />

</s:form>


<script type="text/javascript"> 
  functioncheckData(){ 
     if (!document.getElementsByName('sex')[0].checked) {
alert("必须选择性别");
return false;

}else {

return true;

}

  } 
</script>
Struts2的s:radio标签使用及用jquery添加change事件
10-27
// 获取选中的radio值 if(val == '1'){ alert("是"); } else { alert("否"); } }); }); ``` 上述代码通过监听具有filetype类的所有元素的change事件，从而捕获单选按钮的选中状态变化，并根据选中的值弹出...
js获取<s:radio>的值
hzywy123456的专栏
03-23 195
function status() { var h=document.getElementsByName('isCharge')[0].checked; if(h==false) { document.getElementById("songPrice").value="" document...
jquery获取radio的值
The Last Song 的专栏
05-13 6291
周末在家写点小程序，发现用jquery无法获得radio被选中状态的值。网上一大堆都是骗人的... 我用的是jquery的1.4.4版本 html代码如下 方法1 方法2 方法3 方法4
s:radio 赋值取值和添加事件
weixin_30786617的博客
01-29 250
<s:radio list="#{'1':'未锁','2':'锁定'}" cssClass="lockFlag" id="lockFlag" name="obj.lockFlag" theme="simple" cssStyle="width: 30px;" > </s:radio> //取值 var flag = $("input[name='o...
js获取radio选中的值
woshidashuaibi的博客
11-20 723
function getRadioValue(radioName){ var obj; obj=document.getElementsByName(RadioName); if(obj!=null){ var i; for(i=0;i<obj.length;i++){ if(obj[i].checked){ retur
让<s:radio> 标签的值只读
11-23
如果你想让 `<s:radio>` 的值在数据绑定阶段就固定，可以在Action或业务层处理时限制传入的选项，使其不可更改。例如： ```xml <s:radio name="myRadio" list="#{myBean.myOptions}" value="{valueThatCannotChange...
<div class="form-group"> <label class="col-sm-2 control-label"><i></i> 设置类型：</label> <div class="col-sm-10"> <label class="radio-inline i-checks"> <input name="type" type="radio" value="byPersonnel" th:text="按人员设置" th:checked="true"> </label> <label class="radio-inline i-checks"> <input name="type" type="radio" value="byCategory" th:text="按分类设置"> </label> </div> </div>我想给这个设置类型代码加一个选择事件，选择人员设置显示<div class="form-group"> <label class="col-sm-2 control-label"><i>*</i> 人员设置：</label> <div class="col-sm-8"> <div class="col-sm-4"> <button class="btn btn-primary select-teacher" type="button" onclick="selectTeacher()"> 添加教师 </button> <a class="teacherNumber" style="margin-left: 10px"></a> </div> <div class="col-sm-4"> <button class="btn btn-primary select-student" type="button" onclick="selectStudent()"> 添加学生 </button> <a class="studentNumber" style="margin-left: 10px"></a> </div> </div> </div>这块代码，如果选择分类设置显示<div class="form-group"> <label class="col-sm-3 control-label"><i>*</i> 选择分类：</label> <div class="col-sm-8"> <select id="productId" name="productId" class="form-control" > <option th:value="" disabled selected hidden="hidden">请选择分类</option> <option th:value="boarder">住宿生</option> <option th:value="extern">走读生</option> <option th:value="faculty">教职工</option> </select> </div> </div>这块代码，该怎么弄
03-25
<label class="col-sm-2 control-label"><i>*</i> 人员设置：</label> ...原有代码... </div> <!-- 分类设置区块 --> <div class="form-group" id="categorySection" style="display:none"> <!-- 新增ID并默认...
<tbody> <tr> <td> <label> <input type="radio" name="og-size-1" value="S"> S </label> <label> <input type="radio" name="og-size-1" value="M"> M </label> <label> <input type="radio" name="og-size-1" value="L"> L </label> </td></tbody> 剛剛你給我在表格裡的某列變成可單選的對象,效果達到了但不完美,當我點選另外的對象時,原先選取的並不會被取消,請幫我解決這個bug
05-03
<input type="radio" name="og-size" value="S"> S </label> <label> <input type="radio" name="og-size" value="M"> M </label> <label> <input type="radio" name="og-size" value="L"> L </label> </td...
.制作一个注册表单，表单元素要包含文本框、密码框、多行文本框，单选按钮、下拉菜单，复选框等。提交到另一个jsp页面，在该页面中输出上述表单元素输入或选择的值（如果在提交之前能进行JS验证更好）。 <%@ page contentType="text/html;charset=UTF-8" language="java" %> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>输入表单</title> </head> <body> <form action="outputResult.jsp" method="post"> 请输入内容： <input type="text" name="inputText"><br><br> <input type="submit" value="提交"> </form> </body> </html> <%@ page contentType="text/html;charset=UTF-8" language="java" %> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>结果页面</title> </head> <body> <% // 获取表单提交的数据 String inputText = request.getParameter("inputText"); if (inputText != null && !inputText.isEmpty()) { out.println("您输入的内容是：" + inputText); } else { out.println("未接收到任何输入！"); } %> </body> </html> <%@ page language="java" contentType="text/html; charset=gb2312"%> <html> <body> 请您输入自己的信息进行注册 <form action="checkForm_result.jsp" method="post"> 请您选择您的爱好： <input name="fav" type="checkbox" value="sing">唱歌 <input name="fav" type="checkbox" value="dance">跳舞 <input name="fav" type="checkbox" value="ball">打球 <input name="fav" type="checkbox" value="game">打游戏<BR> <input type="submit" value="注册"> </form> </body> </htmI> <%@ page language="java" contentType="text/html; charset=gb2312"%> <html> <body> <% String[] fav = request.getParameterValues("fav"); out.println("爱好为:"); for(int i=0;i<fav.length;i++){ out.println(fav[i]); } %> </body> </html> <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <html> <body> <form action="loginchuli.jsp" method="POST"> 请输入用户名:<input type="text" name="username"><br> 请输入密码:<input type="password" name="pwd"><br> <input type="submit" value="登录"> </form> </body> </html> <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <html> <body> <% String username = request.getParameter("username"); String password = request.getParameter("pwd"); // 添加空值检查和安全验证 if(username != null && password != null) { if ("1921801z".equals(username)) { // 避免NullPointerException session.setAttribute("loginname", username); out.println("登录成功！即将跳转到测试页面..."); // 添加自动跳转 response.setHeader("Refresh", "3;url=test1.jsp"); } else { response.sendRedirect("login.jsp"); } } else { response.sendRedirect("login.jsp"); } %> </body> </html> <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <html> <% String login = (String)session.getAttribute("loginname"); if(login == null) { response.sendRedirect("login.jsp"); } %> <body> <h2>测试页面</h2> <p>欢迎, <%= login %>!</p> <p>只有登录用户才能看到此内容</p> </body> </html>
最新发布
06-13
<p>自我介绍：<br><%= request.getParameter("introduction") %></p> <p>选择的城市： <%= request.getParameter("city") %></p> </body> </html> ``` #### JavaScript验证的重要性 JavaScript验证可以在客户端...
Struts2单选按钮标签s:radio的使用及其设置默认值
weixin_30716141的博客
08-02 241
Struts2单选按钮标签s:radio的使用及其设置默认值 1. 首先在页面中引入struts标签库： <%@ taglib prefix="s" uri="/struts-tags"%> 1.1 在JSP页面中创建单选按钮radio的方法： <s:radio list="#{'1':'先生','0':'女士'}" name="gender" value="1"/>...
radio取值，<s:radio name="view[%{#status.index}]" list='#{"同意":"同意","不同意":"不同意"}' theme="simple" />
java编程技术
08-29 765
jsp:   action:  private List list;  private JdbcApplyDao dao = new JdbcApplyDao();  private List view = new ArrayList();  public String execute() throws Exception {   list = (List) session.get(
使用jquery获取单选radio的值
weixin_34088583的博客
03-08 579
使用jquery获取radio的值,最重要的是掌握jquery选择器的使用，在一个表单中我们通常是要获取被选中的那个radio项的值，所以要加checked来筛选，比如有以下的一些radio项：1.<input type="radio" name="testradio" value="jquery获取radio的值" />jquery获取radio的值2.<...
s:radio标签用法总结
yujielu2012的专栏
01-10 8253
struts2中,radio标签用法         1、属性list来输出一组radio按钮，这个list可以从后台获得，也可以直接在页面上设置。          1）直接在页面上设置list="{'male','female'}"          2）从后台获取 list="#request.sexlist"    2、 属性value用于对radio默认值
struts2中s:radio标签的使用总结
热门推荐
比特南柯的专栏
06-30 1万+
<br />遇到的问题：在使用该标签时，设置了默认选中项，但提交数据返回后，单选框不能显示之前选中的项，仍然为默认选项<br />通过测试得出以下结论：<br /><br /> 以<s:radio name="user.sex" list="%{#{'1':'男','0':'女'}}" theme="simple"></s:radio>为例<br /><br /> 在使用s:radio标签的时候，如果要使该标签默认选中一项，可以通过两种方法<br /> 1、通过js代码实现<br /> docume
JS如何获取radio（单选框）的值
tianmo2010的专栏
05-31 1万+
JavaScript代码：  function getRadioValue(radionObj) { for(var i = 0; i < radionObj.length; i ++) { if (radionObj[i].checked) { str=radionObj[i].value; } } return s
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值