JSP——单选框,下拉选框

单选框:

性别:男<input type="radio" name="sex" value="0" onclick="show();">
女<input type="radio" name="sex" value="1" checked onclick="hidd();"

1.在Html的空间中的input标签中有type属性,将该属性的值设置为radio 。例如:<input type = "radio"> </input>

2.为这一组单选框标签设置同样的name属性,并且属性的值必须相等。

  例如:  男<input type="radio" name="sex" value="0" onclick="show();">  
        女<input type="radio" name="sex" value="1" checked onclick="hidd();">

3.标签的value属性是存入数据中代表的值,该例中数据库中用0表示男,用1表示女。

4.给标签添加点击事件,在修改单选框的选中时触发点击事件的方法。在该方法中处理选中该控件后的处理。

5.给单选框设置默认选中事件;在属性中直接加入checked,即可未某个控件设为默认选中

女<input type="radio" name="sex" value="1" checked onclick="hidd();">

下拉选框:


<select onchange="go(this)">
<c:forEach begin="1" end="${totalPage}" var="i">
<option ${currentPage==i?"selected":""}>${i}</option>
</c:forEach>
</select>

1.使用JSP中的EL标签, 来确定下拉选框中的数据源和下拉选框的选框个数。使用方法如上所示。

2.设置默认的方式,在具体的选框中添加selected属性。

3.点击事件,在下拉选框的属性中添加onchage点击事件。使用该事件是为了防止点击该控件而选中的具体内容没改变时带来的体验效果差的影响。

时间: 2024-12-20 13:32:46

JSP——单选框,下拉选框的相关文章

easyUI下拉选框匹配不到传输过来值-问题

我们通常在修改一个表单数据时,用: $('#frm_spwarehouse_edit').form('load',jsonData); 来匹配选填的表单的控件值. ============== 但常常在使用 <select name="categorycode" id="edit_spwarehouse_category" class="easyui-combobox" style="width:140px" data-

select下拉选框的默认值,包括每次进入页面的默认值

下拉选: <select onchange="selectTotal(this.value)" style="width: 50px;">                       <option value="1">1</option>                           <option value="2">2</option>          

JSP下拉选框,级联选择

前端: <%@ page contentType="text/html;charset=UTF-8" %> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Cont

JS-事件之鼠标、键盘都能控制的下拉选框效果

<script type="text/javascript"> window.onload=function(e){ var box=document.getElementById('divselect'), title=box.getElementsByTagName('cite')[0], menu=box.getElementsByTagName('ul')[0], as=box.getElementsByTagName('a'),//as是一个集合 index=-1

Extjs读取本地下拉选框数据源,分为text和value,显示text,传值value

this.rdTypeCom=new Ext.form.ComboBox({              hiddenName:'rdType',              store:new Ext.data.SimpleStore(              {               fields:['value','text'],               data:[['1','金钱奖励'],['2','名誉奖励'],['3','惩罚']]              }),    

laravel 在三级分类下拉选框中默认值

这是一个商品表,记录了商品的分类,分三类,顶级分类.一级分类.二级分类 在编辑修改商品的信息的视图 先得给控制器传递商品的 id ,根据 id 获取商品全部信息,以及获取所有分类信息 然后进行家谱树查找,参数为分类信息-数组,商品的分类id-整型 这样子得到了,子对父的二维数组, 将此二维数组,进行无限极分类,得到三位数组 第一维就是顶级分类,第二维是一级分类,第三维是二级分类 把得到的这个数组传给视图,循环遍历,输出值给option即可 家谱树代码: /** * 家谱树,通过子id找父id *

vue.js实现单选框、复选框和下拉框

Vue.js可以很方便的实现数据双向绑定,所以在处理表单,人机交互方面具有很大的优势.下边以单选框.复选框和下拉框为例介绍他们在HTML和Vue.js中的具体实现方式. 一.单选框 在传统的HTML中实现单选框的方法如下: <div id="app"> <input type="radio" name="gender" value="man" id="man"/><label

Selenium—选择框的相关操作(单选框、多选框、复选框、下拉框)

编辑框 无缺省值:第二个输入框 可直接对输入框进行编辑: driver.find_element_by_id('input2').send_keys('selenium') 有缺省值:第一个输入框,默认 test 此时,如果我们直接对第一个输入框进行编辑,会发现与预期结果不符 driver.find_element_by_id('input1').send_keys('selenium') 因此,如果需要对存在默认值的输入框进行编辑,则需先进行清楚操作,然后再进行编辑 driver.find_e

JavaScrip单选,下拉框,文本框取值赋值--【DRP】

代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Co