JS 对表单元素radio(同Name值),select的控制

最新推荐文章于 2021-06-13 15:38:13 发布
最新推荐文章于 2021-06-13 15:38:13 发布
阅读量860 收藏
点赞数 1
分类专栏： Javascript 文章标签： input class function html border table
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/TOM402020522/article/details/6142630
版权
这篇博客介绍了如何使用JavaScript操作HTML中的表单元素，包括获取同名radio按钮的集合并获取选中值，以及获取select下拉框的当前选中值，并展示了相关代码示例。
摘要由CSDN通过智能技术生成

HTML:

<table width="596" height="112" border="1">
  <tr>
    <td width="228" class="style1">选择型号：</td>
    <td width="552" class="style1">  
    <label>
    <input  οnclick="selChange()" checked="checked" name="count" type="radio" value="1" /><strong>S-100</strong> (100用户共20G空间)<br />
    <input οnclick="selChange()" type="radio" name="count" value="2" /><strong>S-200</strong>(200用户共40G空间)<br />
    <input οnclick="selChange()" type="radio" name="count" value="3" /><strong>S-300</strong>(300用户共60G空间)</label></td>
    <td width="226" class="style1"><

最低0.47元/天 解锁文章
TOM402020522
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
表单元素radio select对齐与IE6下双边距问题解决方案
12-13
本篇主要讨论的是如何处理表单内的`radio`和`select`元素对齐问题，以及解决在IE6下的双边距问题。 表单元素，如`radio`和`select`，经常需要与提示文字对齐，以提供清晰的用户界面。传统的做法是使用`label`标签与...
表单元素值获取方式js及java方式的简单实例
10-21
本文将详细介绍如何使用JavaScript和Java来获取表单元素的值，以便于处理用户输入并进行后续操作。首先，我们来看HTML部分，这里创建了一个包含多种类型表单元素的简单示例。 ```html <form action="input.do" name...
JQ获取name相同的radio被选中的值
weixin_33785972的博客
11-30 1034
2019独角兽企业重金招聘Python工程师标准>>> ...
js通过后台数据回填form表单时，select和radio选中问题
wuguofei12345的博客
08-06 2889
以select为例，radio类似 js通过后台数据回填form表单时，设置select选中时，发现只能有一次有效，第二次就不能正常选中select了，问题是在select有2个被设置成了： selected = "selected" 所以在设置select属性之前需要重新初始化select的下拉框的属性： function initisdefault(){ $("#select_i...
radio与select问题
eluanshi12的博客
10-30 753
为radio赋值 jQuery("input[type='radio'][name='对应名称'][value='赋值']").attr("checked", "checked"); 重置radio的值 $('input:radio[name=sex]').attr('checked',false);js清空方法 function cleanFun() { 清空type！=radio的inp
页面上存在多个相同name的radio,怎么处理？
weixin_43859511的博客
06-13 1149
需求：页面是这个样子，我在做修改保存的时候需要把他，每一行是一条数据。 1.如果你把这个页面上的name都是使用同一个name，你就会发现你的怎么页面只能选择一个单选框。 由于我使用的是FreeMarker 引擎。不管使用的是什么，道理都是一样的。由于我的数据是来自于数据库中，所以我十分确定我的ri_id 是独一无二的。所以我使用 **isNatureId${f.ri_id}**拼接。 2.我的后台的属性值是isNatureId，我是怎么处理的尼？ 1.我每一行弄成一个对象，这样我就可以得到一个数组。
select，radio，checkbox兼容性
weixin_30922589的博客
01-22 72
转载于:https://www.cnblogs.com/xiaotaiyang/p/4242102.html
jQuery中获取Radio元素值的方法
10-27
在获取radio按钮的值之外，文档还提到了如何获取select元素的值： - 使用`:selected`选择器来选取选中的option元素：`$("select option:selected").val();` - 同样，获取select元素本身也可以得到选中的值，尽管...
Jquery操作radio,checkbox,select表单操作实现代码
10-29
在网页开发中，jQuery库为JavaScript开发者提供了便捷的DOM操作方式，包括对表单元素的操作。本篇文章将详细讲解如何使用jQuery来操作radio、checkbox和select这三个常见的表单元素。 一、Radio（单选按钮）操作 ...
html 表单获取radio的值,用JS和JQuery分别获取表单元素的值(select,checkbox,radio)
weixin_29194693的博客
06-08 673
废话不多说直接上代码HTML部分表单元素值获取下拉列表---星期一星期二星期三星期四星期五多选框swimmingsingingdrawingtravelling单选框boygirl用JavaScript的方法解释说明部分在注释中//用原生JS获取var getSelectorValue = function(){var selector = document.getElementById("wee...
jQuery获取,遍历和操作表单元素Select,checkbox,radio
JKxiaoxing的博客
08-25 4252
jQuery获取Select选择的Text和Value: 语法解释： 1. $("#select_id").change(function(){//code...});   //为Select添加事件，当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text
Js获取单选框radio的几种方法
热门推荐
心有猛虎 细嗅蔷薇
11-03 3万+
首先，编写HTML如下：   &lt;form id="form1"&gt;         &lt;table  border="0"&gt;              &lt;tr&gt;                 &lt;td&gt;年龄段：&lt;/td&gt;                 &lt;td&gt;                    
jquery通过id或name获取radio选中值
NeXTSTEP110的博客
11-08 1万+
通过id获取radio选中值 var cT = (‘input[id=”scct”]′).filter(‘:checked′).val();通过name获取radio选中值varcT=(‘input[id=”sc_ct”]’).filter(‘:checked’).val(); 通过name获取radio选中值 var cT = (‘input[name=”ct”]’).filter(‘:
前端:Jquery 处理同一Name的Radio组时,绑定checked属性异常的问题.(已解决)
weixin_34380781的博客
06-02 243
将: $("input[type=radio][name=optionsContractGroup][value=201]").attr("checked",true); 替换成: $("input[type=radio][name=optionsContractGroup][value=201]").prop("checked",true); 将attr方法替换成prop方法. ...
js获取radio组选中的值
xiejunna的博客
05-11 2万+
html代码： <div class="weui-cells weui-cells_radio" style="margin-top: 0;"> <label class="weui-cell weui-check__label" for="x11"> <div class="weui-cell__bd"> <p&...
java获取radio,javascript中获取radio值得方法 【收藏】
weixin_39957265的博客
03-12 329
Radio 是 HTML 中的单选框，同一个 form 中，name 相同的 Radio 构成一组，这一组中最多只允许有一个 Radio 被选中。如果将 form 提交到服务器端 ASP 程序，ASP 程序要获得用户选择的那个 Radio 的 value 是非常方便的，用 request.Form("RadioName")，不必理会有几个 Radio。但在 JS(JavaScript) 中就要复杂...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值