<html:radio>与<html:option>的区别

最新推荐文章于 2022-04-12 13:05:29 发布
原创 最新推荐文章于 2022-04-12 13:05:29 发布 · 1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html #jsp #radio #option #logicequal

本文详细解释了JSP页面中使用html:radio和html:option进行多项选择时的区别，包括如何通过代码判断和读取用户的选择。

1、  在jsp页面有多项选择时，<html:radio>与<html:option>的区别，特别是在读取时：

<html:radioproperty="psActor.gender"value="1">男</html:radio>

<html:radioproperty="psActor.gender"value="2">女</html:radio>

 

<html:select property="psActor.minorityType"style="width:95%">

<html:optionvalue="">请选择...</html:option>                  

<html:optionvalue="1">藏族</html:option>

</html:select>

判断时：

Radio的选中document.all("psActor.gender")[0].checked以true和false来判断；

Option的选中document.getElementById('psActor.minorityType').value是直接取value的值；

读取时：

<html:radioproperty="psActor.gender"value="1"disabled="true">男</html:radio>

<html:radioproperty="psActor.gender"value="2" disabled="true">女</html:radio>

 

<logic:equalname="psActorForm"property="psActor.minorityType"value="1">藏族</logic:equal>

<logic:equalname="psActorForm"property="psActor.minorityType"value="2">维吾尔族</logic:equal>

lifang0413
关注
html单选框样式复写,总结：如何修改美化radio、checkbox、select的默认样式
weixin_29962473的博客
06-03 843
现在前端页面效果日益丰富，默认的input组件样式显然不能满足设计需求。前段时间开发项目中刚好接触到相关的需求，在此特地整理下修改radio、CheckBox、 样式的方法。原理：大致原理都是使用原生的checkbox或input标签，在其后面设置相关联的label元素。给元素设置为透明，然后通过定位让用户看到的是元素，利用css的原生属性来判断用户的操作，设置选中后的label样式,即input...
html:radio
Roger★L☆M☆J★
08-15 1165
 html:radio标签生成一个radio。主要的用法有两种，下面我们通过代码来示例。下面的代码示例了html:radio标签的一般用法，如果被提交则选中的radio的value值将被提交到radioForm中的id中。  One  Two下面的代码示例了html:radio标签的典型用法，其中的persons和bean:define标签中的一致，您可以参考bean:define标签。我
html之复选杜框（checkbox）、单选按钮（radio）、下拉菜单（select-option)
记录技术成长之路
06-12 1万+
1、复选框（checkbox） 代码：
html:radio 选中
风之音
02-11 1479
问题描述：       查看某一个页面的信信息。信息对象存在session中      页面包含 &lt;html:form action="/waterApply.do?actionMethod=show"&gt; &lt;html:radio property="waterApply.surfaceRiverTakedType" value="蓄"&gt;&lt;/html:...
html:radio 使用心得
热门推荐
kucool的专栏
11-01 1万+
 最近在做struts的时候用到了，html:radio来表示性别。但是在使用的过程中遇到了不能动态选中的问题。后来在网上查找后基本的解决方案是： Each radio button element requires an assigned value that distinguishes it from the other radio buttons. When creating a
Struts中 html:radio,html:multibox,html:select 使用实例
小虫乱爬--爬爬也论技术 博客
10-22 2775
Struts中    使用jsp:    "/checkBox">        "item" name="checkBoxForm" property="possibleOptions">   "selectedOptions">     "item" property="ID"/>        "item" property="countryID"/>
4、 请按要求编写一个c_choose.jsp页面，使用<c:choose>、<c:when>和<c:otherwise>这三个标签完成多个条件选择的程序。
07-08
<input type="radio" name="choice" value="option1"> 选项1<br> <input type="radio" name="choice" value="option2"> 选项2<br> <input type="radio" name="choice" value="option3"> 选项3<br> <input type=...
<h1>注册信息</h1> <form action="action_page.php" method="get"> <label>姓名：</label><input type="text" placeholder="请输入真实姓名"> <br></br> <label>密码：</label><input type="password" placeholder="请输入密码"> <br></br> <label>确认密码：</label><input type="password" placeholder="请输入确认密码"> <br></br> <label>性别：</label> <label><input type="radio" name="gender"> 男</label> <label><input type="radio" name="gender" checked> 女</label> <br></br> <label>居住城市：</label> <select> <option>北京</option> <option>上海</option> <option>广州</option> <option>深圳</option> <option>武汉</option> </select> <h2>教育经历</h2> <label>最高学历：</label> <select> <option>博士</option> <option>硕士</option> <option>本科</option> <option>大专</option> </select> <br></br> <label>学校名称：</label><input type="text"> <br></br> <label>所学专业：</label><input type="text"> <br></br> <label>在校时间：</label> <select> <option>2015</option> <option>2016</option> <option>2017</option> <option>2018</option> </select> <br></br> <select> <option>2019</option> <option>2020</option> <option>2021</option> <option>2022</option> </select> <br></br> <h2>工作经历</h2> <label>公司名称：</label><input type="text"> <br></br> <label>工作描述：</label> <br> <textarea></textarea> <br></br> <input type="checkbox"><label>已阅读并同意以下协议：</label> <ul> <li><a href="#">《用户服务协议》</a></li> <li><a href="#">《隐私政策》</a></li> </ul> <br></br> <button>免费注册</button> <button type="reset">重新填写</button> </form>
最新发布
04-03
<label for="name">姓名：</label> <input id="name" type="text" required> <!-- 添加必填验证 --> <!-- 密码字段应包含模式验证 --> <input type="password" pattern=".{8,}" title="至少8位字符"> ``` $\...
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>信息填写</title> <script> window.onload = function() { var oBtn = document.getElementById("btn") oBtn.onclick = function () { alert("提交成功"); }; } </script> </head> <body> <h1>信息填写</h1> <form method="post"> 姓名:<input type="text" /><br /> <br /> 账号:<input type="text" /><br /> <br /> 密码:<input type="password" /> <br /> <br /> <form method="post"> 性别: <input type="radio" name="gender" value="男" />男 <input type="radio" name="gender" value="女" />女 </form> <br /> <select> <option>HTML</option> <option>CSS</option> <option>jquery</option> <option>javascript</option> <option>vue.js</option> </select> <br /> <br /> <input Id="btn" type="button" value="提交" /> </body> </html> 请改进这段代码
05-27
姓名：<input type="text" name="name"><br> <br> 账号：<input type="text" name="account"><br> <br> 密码：<input type="password" name="password"><br> <br> <label for="male"><input type=...
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ page import="java.util.*,edu.nustti.dao.*,edu.nustti.dao.impl.*" %> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>用户注册</title> </head> <body> <form action="/STU_manager/servlet/UserServlet?action=register" name="f1" method="post"> <table border="0"> <tr> <td>用户名:</td> <td><input type="text" name="userName"></td> </tr> <tr> <td>密 码:</td> <td><input type="password" name="password"></td> </tr> <tr> <td>姓 名:</td> <td><input type="text" name="trueName"></td> </tr> <tr> <td>性 别:</td> <td><input type="radio" checked="checked" name="sex" value="0">男 <input type="radio" name="sex" value="1">女 </td> </tr> <tr> <td>生 日:</td> <td><select name="y"> <c:forEach begin="1990" end="2010" var="y"> <option value="${y}">${y}</option> <!-- EL表达式 --> </c:forEach> </select> <select name="m"> <c:forEach begin="1" end="9" var="m"> <option value="0${m}">${m}</option> </c:forEach> <c:forEach begin="10" end="12" var="m"> <option value="${m}">${m}</option> </c:forEach> </select> <select name="d"> <c:forEach begin="1" end="9" var="d"> <option value="0${d}">${d}</option> </c:forEach> <c:forEach begin="10" end="31" var="d"> <option value="${d}">${d}</option> </c:forEach> </select></td> </tr> <tr> <td>爱 好:</td> <td> <% FavoritesDao dao1 = new FavoritesDaolmp1(); // 创建爱好存储业务模型 List list1 = dao1.getAllFavorates(); request.setAttribute("F", list1); %> <c:forEach var="f" items="${F}"> <!-- JSTL标签，列出多个复选框选项 --> <input type="checkbox" name="favorates" value="${f.id }">${f.favorate} </c:forEach> </td> </tr> <tr> <td>班 级:</td> <td> <% ClassesDao dao2 =(ClassesDao) new ClassesDaoImpl(); // 创建班级存储业务模型 List list2 = dao2.getAllClasses(); request.setAttribute("C", list2); %><select name="classId"> <c:forEach var="c" items="${C}"> <!-- JSTL标签，列出多个下拉列表选项 --> <option value="${c.id}">${c.className}</option> </c:forEach> </select> </td> </tr> <tr> <td>介 绍:</td> <td><textarea rows="10" cols="20" name="introduction"></textarea></td> </tr> <tr> <td colspan="2" align="center"><input type="submit" value="注册"></td> </tr> </table> </form> </body> </html>检查代码
05-19
其中包含了 JSTL 标签库的使用，用于生成动态的下拉列表和复选框。代码中还涉及到了 DAO 层的调用，用于从数据库中获取班级和爱好列表。需要注意的是，代码中的一些注释是中文的，最好修改为英文，以便更好地维护和...
let typeValue = ref(3); <el-radio-group v-model="typeValue"> <el-radio :value="3" border>Option A</el-radio> <el-radio :value="6" border>Option B</el-radio> <el-radio :value="9" border>Option C</el-radio> </el-radio-group> 没选中第二个
03-22
<el-radio v-for="option in options" :key="option.value" :label="option.value"> {{ option.label }} </el-radio> </el-radio-group> ``` 同时，options数组中的value类型应与selectedValue一致。 如果问题...
jsp页面中的html：radio 如何struts传递
qwer__mei98382的专栏
05-22 893
jsp页面中的html：radio 怎么struts传递？ 我写了格搜索的jsp页面，里面有个radiogroup，就是按书名或者作者搜索书籍， 文本区为用户填写的搜索内容，radiogroup来决定室书名还是作者，点了提交按钮厚，发出searchbook.do请求，进入action，       请问，在action和form中该怎么样写代码？我的困惑是，在action怎样获得用户选的
JQuery中对option，radio,checkbox的添加、删除、取值
上海冷风
12-01 3324
http://www.cnblogs.com/Byrd/archive/2011/05/17/2048483.html jQuery获取Select选择的Text和Value: 1. $("#select_id").change(function(){//code...});     //为Select添加事件，当选择其中一项时触发 2. var checkText=$("#sele
textarea、radio,checkbox以及option的取值和赋值
shenxiaomo1688的博客
10-30 926
1、textarea标签不像text标签，它没有value的属性，所以从后台查询到值，传递给textarea标签，需要借助hidden隐藏域，具体思路是，将后台查询到的值赋给隐藏域，再将隐藏域的值传递给textarea标签。示例：     其它                                      js:document.getElementById("s
HTML select、input radio实用知识总结
学无止境！
10-02 2230
1、select下拉框 <!-- select元素属性： multiple="multiple" 多选 disabled="disabled" 禁用 --> <select> <option>中国</option> <!-- option元素属性： disabled="disabled" 禁用 selected="s...
HTML下拉列表(select)，单选框(radio), 复选框(checkbox)如何向后端传值
starh的博客
04-12 1万+
前言 提示：该文章记录前端往后端传值的一些细节 提示：以下是本篇文章正文内容，下面案例可供参考 一、form是什么？ form是前端往后端传值的一个表单 二、html代码如下 1，下拉列表源码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <...
html radio 默认值
hhccth的专栏
11-16 5758
default     其他
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值