<script type="text/javascript" src="js/jquery.js"></script> <script> function checks(){ var radios=document.getElementsByName("psam"); for(var i=0;i<radios.length;i++){ //alert($("input[name='psam'][checked]").val()); if(radios[i].checked==true){ if((radios[i].value)==2){ document.getElementById( "psamcodeend").style.display= "inline"; $("#hidone").val("2"); //给隐藏域赋值 } } if(radios[i].checked==true){ if((radios[i].value)==1){ //none是不显示,inline是内联式显示,不换行 document.getElementById( "psamcodeend").style.display= "none"; document.getElementById("psamcodeend").value = ""; $("#hidone").val("1"); } } } } window.onload = checks ; //页面加载完成时执行一次该js函数。 </script>
-------------------------------------------------------
HTML CODE:
<tr> <th align="left">PSAM录入方式:</th> <td> <input id="arecord" name="psam" type="radio" value="1" checked onclick="checks()"/>单条录入 <input id="records" name="psam" type="radio" value="2" onclick="checks()">批量录入</td> </tr> <tr> <th align="left">PSAM卡号:</th> <td><input name="psamcode" type="text" id="psamcode" size="30" maxlength="21" /> <input name="psamcodeend" type="text" id="psamcodeend" size="30" maxlength="21" /> <input type="hidden" name="psammodel" id="hidone"> </td> </tr>
发表评论
-
log4j.properties配置详解
2016-01-18 16:50 1328Log4J的配置文件(Configuration File)就 ... -
Java读写文件中文乱码问题
2015-07-20 17:49 3005问题:在用Java程序进行读写含中文的txt文件时,经常会出现 ... -
jquery方法扩展使用
2014-12-02 19:28 793//非负浮点数 保留一位小数---添加到jquery.vali ... -
jquery操作select值,jqery设置select值
2014-10-15 21:26 1159每一次操作select的时候,总是要出来翻一下资料,不如自己总 ... -
jquery ajax相关操作
2014-09-28 13:50 848--ajax 请求当有记录时给予提交,rows为0时提示提示框 ... -
jquery ajax和data的使用
2014-09-04 14:58 1146function print(selId){ $. ... -
Js中parseFloat()精度问题
2014-07-08 16:11 2370<!DOCTYPE HTML PUBLIC " ... -
jquery attr()属性
2014-07-04 19:07 3074在JS中设置节点的属性与属性值用到setAttribute() ... -
CSS中line-height与height的区别
2014-07-03 19:32 1524CSS中line-height与height的区别? lin ... -
freemarker为空判断详细
2014-05-27 22:08 53067freemarker里面判断为空只有??,后来查找其他文档才发 ... -
FreeMarker中if标签内的判断条件
2014-05-13 18:41 17695FreeMarker中if标签内的判断条件 FreeMark ... -
jdbc properties文件配置
2014-05-05 21:33 1366前言 JDBC(Java Data Base Connecti ... -
FreeMarker 对null值的处理
2014-05-05 17:40 2681以下引用官方描述: The FreeMarker temp ... -
freemarker ?datetime ? time ?date
2014-04-30 16:28 2743?date,?time和?datetime,因为你指定的格式告 ... -
div设置显示与隐藏、边框等
2014-04-30 16:24 25251.div 设置隐藏后页面占 ... -
div设置显示与隐藏、边框等
2014-04-30 16:22 18661.div 设置隐藏后页面占 ... -
用jquery计算前两个文本框的结果等于第三个文本框
2014-04-23 21:19 1430//本记录是结束里程数-起始里程数=运行里程数 //其它 ... -
jQuery.validate使用手册-详解
2014-04-09 14:22 1223jQuery.validate是一款非常不错的表单验证工具,简 ... -
jQuery对表单元素的取值和赋值操作
2014-04-08 22:13 1450jQuery对表单元素的取值 ... -
JQuery获取input type="text"中的值的各种方式
2014-04-08 22:09 2119<!DOCTYPE html PUBLIC " ...
相关推荐
单选按钮(Radio Button)常用于提供一组互斥选项,用户只能选择其中的一个。在HTML中,单选按钮通过`<input>`标签实现,其type属性设置为"radio"。 要创建一组单选按钮,你需要: 1. 给每个`<input>`标签设置相同...
- 如果使用jQuery,可以使用`$('input[type="radio"]').prop('checked', false)`来取消选中所有单选按钮,然后通过`$(this).prop('checked', true)`来设置当前点击的单选按钮为选中状态。 4. **事件委托**: - ...
在JavaScript(JS)中,全选和单选是常见的用户交互功能,常见于表格、列表等数据展示场景。用户可能需要一键选择所有选项,或者独立选择单个元素。本篇文章将深入探讨如何实现这些功能,并结合提供的`test.html`...
在Ext JS这个强大的JavaScript框架中,开发人员经常需要创建数据展示组件,比如Grid,来显示大量数据并提供交互性。Grid List是Grid的一种扩展,它不仅具有基本的表格功能,还可以进行更复杂的操作。本教程将详细...
本文将详细解析如何使用jQuery获取表单元素的各种值,包括文本框(TEXT)、文本区域(AREA TEXT)、复选框(CHECKBOX)、单选按钮(RADIO)、下拉列表(SELECT)以及表格(TABLE)中的数据。 ### 文本框(TEXT) ...
通常,单选按钮组是通过一组`<input type="radio">`标签来创建的,这些标签共享同一个名称属性,以确保它们在逻辑上属于同一组。例如: ```html <tr> <td><input type="radio" name="myRadioGroup" value=...
本文将深入探讨“jquery动态增加表格表单行来插入数据”这一主题,以及在这个过程中可能遇到的兼容性和radio(单选按钮)问题。 首先,动态增加表格表单行是常见的前端交互功能,常用于数据录入或编辑场景。使用...
例如,可以创建多个`HtmlInputRadioButton`,并将它们的`Name`属性设置为相同的值,组成一个单选按钮组。当用户点击提交按钮(如`HtmlInputButton`),服务器端代码可以检查哪个单选按钮的`Checked`属性为`true`,...
本文将探讨如何使用jQuery库来实现一个功能,即当用户点击表格行时,该行会高亮显示,并且行内的单选按钮会被选中。这种交互设计能够直观地反馈用户的选择,使得操作更为直观易懂。 首先,我们需要一个简单的HTML...
当点击单选按钮时,通过jQuery的$(this).val()获取选中的单选按钮的值,根据这个值从预定义的银行额度数据对象中获取相应的银行名称和额度,然后拼接成HTML字符串,最后把拼接好的HTML字符串重新写入到tbody标签中,...
这通常通过模板字段(TemplateField)来实现,然后在代码后面添加逻辑,使得当单选按钮被点击时,其他行的单选按钮自动取消选中。以下是一个简单的示例: ```asp.net <!-- 其他列 --> ``` 接下来...
`clickTr()`函数中,`$("#mainTable tbody tr td input[type='radio']")`选取了所有表格中的单选按钮,并清除它们的选中状态。然后,`$("td input[type='radio']", obj)`选取当前行(由`obj`参数提供)中的单选按钮...
这里的`name`属性确保同一组内的单选按钮互斥,`value`指定选定选项的值,而`id`与`label`的`for`属性关联,提供更好的可访问性。 复选框(Checkbox)则允许用户选择一个或多个选项。在HTML中,`...
在使用JavaScript动态创建`<table>`元素并添加行(`<tr>`)或单元格(`<td>`)时,直接使用`document.createElement()`结合`appendChild()`可能无法在Internet Explorer(IE)中正确显示。 **解决方法:** 为了确保...
- **`name`**:具有相同`name`属性的单选按钮属于同一组,每次只能选中一个。 - **`value`**:被选中时发送给服务器的值。 #### 3.6 数字输入框 ```html <tr><td>:</td> <td>...
newRow.innerHTML = '<td><input type="checkbox"></td><td><input type="text"></td><td><input type="radio"></td><td><input type="text"></td>'; document.querySelector('tbody').appendChild(newRow); // ...
此外,还介绍了输入控件的关键字,如`<INPUT>`用于创建文本框,`<SELECT>`用于创建下拉列表,`<INPUT type=radio>`用于创建单选按钮,以及`<INPUT type=submit>`用于创建提交按钮。 4. **POST、GET与NAME、VALUE**...
表单可以包含各种输入控件,如文本框(`<input type="text">`)、密码框(`<input type="password">`)、复选框(`<input type="checkbox">`)、单选按钮(`<input type="radio">`)、下拉菜单(`<select>`)等。...
根据给定的信息,我们可以归纳总结出一系列针对JavaScript(简称JS)初学者的实用知识点与示例,这些示例涵盖了JS的基础事件处理、DOM操作及页面交互等基础技能。接下来将详细解析并阐述这些示例背后的技术要点。 #...
可以使用JavaScript来获取并显示文档的最后修改日期: ```javascript <script language="javascript"> function hi(str) { document.write(document.lastModified); alert("hi" + str + "!"); } ``` #### ...