`

js获取单选按钮(radio)组的值来控制tr td

阅读更多
<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>
分享到:
评论

相关推荐

    HTML测试表格单选按钮

    单选按钮(Radio Button)常用于提供一组互斥选项,用户只能选择其中的一个。在HTML中,单选按钮通过`&lt;input&gt;`标签实现,其type属性设置为"radio"。 要创建一组单选按钮,你需要: 1. 给每个`&lt;input&gt;`标签设置相同...

    表格实现单选按钮

    - 如果使用jQuery,可以使用`$('input[type="radio"]').prop('checked', false)`来取消选中所有单选按钮,然后通过`$(this).prop('checked', true)`来设置当前点击的单选按钮为选中状态。 4. **事件委托**: - ...

    js全选单选集合

    在JavaScript(JS)中,全选和单选是常见的用户交互功能,常见于表格、列表等数据展示场景。用户可能需要一键选择所有选项,或者独立选择单个元素。本篇文章将深入探讨如何实现这些功能,并结合提供的`test.html`...

    在Ext的grid里实现带radio单选功能的gridlist

    在Ext JS这个强大的JavaScript框架中,开发人员经常需要创建数据展示组件,比如Grid,来显示大量数据并提供交互性。Grid List是Grid的一种扩展,它不仅具有基本的表格功能,还可以进行更复杂的操作。本教程将详细...

    jquery获取表单元素的方法

    本文将详细解析如何使用jQuery获取表单元素的各种值,包括文本框(TEXT)、文本区域(AREA TEXT)、复选框(CHECKBOX)、单选按钮(RADIO)、下拉列表(SELECT)以及表格(TABLE)中的数据。 ### 文本框(TEXT) ...

    javascript RadioButtonList获取选中值

    通常,单选按钮组是通过一组`&lt;input type="radio"&gt;`标签来创建的,这些标签共享同一个名称属性,以确保它们在逻辑上属于同一组。例如: ```html &lt;tr&gt; &lt;td&gt;&lt;input type="radio" name="myRadioGroup" value=...

    jquery动态增加表格表单行来插入数据-------遇到的兼容问题和radio问题

    本文将深入探讨“jquery动态增加表格表单行来插入数据”这一主题,以及在这个过程中可能遇到的兼容性和radio(单选按钮)问题。 首先,动态增加表格表单行是常见的前端交互功能,常用于数据录入或编辑场景。使用...

    第3章HTML服务器控件扫描.pdf

    例如,可以创建多个`HtmlInputRadioButton`,并将它们的`Name`属性设置为相同的值,组成一个单选按钮组。当用户点击提交按钮(如`HtmlInputButton`),服务器端代码可以检查哪个单选按钮的`Checked`属性为`true`,...

    jquery实现带单选按钮的表格行选中时高亮显示

    本文将探讨如何使用jQuery库来实现一个功能,即当用户点击表格行时,该行会高亮显示,并且行内的单选按钮会被选中。这种交互设计能够直观地反馈用户的选择,使得操作更为直观易懂。 首先,我们需要一个简单的HTML...

    JS实现点击Radio动态更新table数据

    当点击单选按钮时,通过jQuery的$(this).val()获取选中的单选按钮的值,根据这个值从预定义的银行额度数据对象中获取相应的银行名称和额度,然后拼接成HTML字符串,最后把拼接好的HTML字符串重新写入到tbody标签中,...

    vs2005 带单选的gridview 和模态对话框(不好,另外一个进行了修正)

    这通常通过模板字段(TemplateField)来实现,然后在代码后面添加逻辑,使得当单选按钮被点击时,其他行的单选按钮自动取消选中。以下是一个简单的示例: ```asp.net &lt;!-- 其他列 --&gt; ``` 接下来...

    网页从弹窗页面单选框传值至父页面代码分享

    `clickTr()`函数中,`$("#mainTable tbody tr td input[type='radio']")`选取了所有表格中的单选按钮,并清除它们的选中状态。然后,`$("td input[type='radio']", obj)`选取当前行(由`obj`参数提供)中的单选按钮...

    HTML实现注册页面资源

    这里的`name`属性确保同一组内的单选按钮互斥,`value`指定选定选项的值,而`id`与`label`的`for`属性关联,提供更好的可访问性。 复选框(Checkbox)则允许用户选择一个或多个选项。在HTML中,`...

    IE 不兼容的几个js问题及解决方法

    在使用JavaScript动态创建`&lt;table&gt;`元素并添加行(`&lt;tr&gt;`)或单元格(`&lt;td&gt;`)时,直接使用`document.createElement()`结合`appendChild()`可能无法在Internet Explorer(IE)中正确显示。 **解决方法:** 为了确保...

    html的表单注册信息的一部分啊.txt

    - **`name`**:具有相同`name`属性的单选按钮属于同一组,每次只能选中一个。 - **`value`**:被选中时发送给服务器的值。 #### 3.6 数字输入框 ```html &lt;tr&gt;&lt;td&gt;:&lt;/td&gt; &lt;td&gt;...

    【JavaScript源代码】js实现添加删除表格操作.docx

    newRow.innerHTML = '&lt;td&gt;&lt;input type="checkbox"&gt;&lt;/td&gt;&lt;td&gt;&lt;input type="text"&gt;&lt;/td&gt;&lt;td&gt;&lt;input type="radio"&gt;&lt;/td&gt;&lt;td&gt;&lt;input type="text"&gt;&lt;/td&gt;'; document.querySelector('tbody').appendChild(newRow); // ...

    网页数据下载与控制

    此外,还介绍了输入控件的关键字,如`&lt;INPUT&gt;`用于创建文本框,`&lt;SELECT&gt;`用于创建下拉列表,`&lt;INPUT type=radio&gt;`用于创建单选按钮,以及`&lt;INPUT type=submit&gt;`用于创建提交按钮。 4. **POST、GET与NAME、VALUE**...

    htnnl--3.表格、表单

    表单可以包含各种输入控件,如文本框(`&lt;input type="text"&gt;`)、密码框(`&lt;input type="password"&gt;`)、复选框(`&lt;input type="checkbox"&gt;`)、单选按钮(`&lt;input type="radio"&gt;`)、下拉菜单(`&lt;select&gt;`)等。...

    200个js效果,对初学者很有作用

    根据给定的信息,我们可以归纳总结出一系列针对JavaScript(简称JS)初学者的实用知识点与示例,这些示例涵盖了JS的基础事件处理、DOM操作及页面交互等基础技能。接下来将详细解析并阐述这些示例背后的技术要点。 #...

    常用的js代码汇总

    可以使用JavaScript来获取并显示文档的最后修改日期: ```javascript &lt;script language="javascript"&gt; function hi(str) { document.write(document.lastModified); alert("hi" + str + "!"); } ``` #### ...

Global site tag (gtag.js) - Google Analytics