获取select、radio、checkbox的value值以及文本框值

最新推荐文章于 2021-08-05 12:29:56 发布
最新推荐文章于 2021-08-05 12:29:56 发布
阅读量1.4k 收藏
点赞数
分类专栏： jQuery 文章标签： jquery jQuery JQUERY Jquery JQuery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yyyyu3/article/details/8393949
版权 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> 获取被选中的radio值</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <script src="js/jquery-1.7.min.js" type="text/javascript"></script>
  <script type="text/javascript">
    $(function(){
	   $("#test").click(function(){
	       $(":input[type='checkbox']:checked").each(function(){  //获取被选中的checkbox的value值
			                     alert($(this).val());
				})	         
			    var   docTemp=document.thisform.checkbox; 
				for   (i=0;i <docTemp.length;i++){ 
				if(docTemp[i].checked){ 
				strText=docTemp[i].nextSibling.nodeValue;						//  获取被选中的checkbox的文本值
				alert(strText);      
				}
			}				
				alert($(":radio:checked + span").text());								//获取被选中的radio 文本值
				alert($(":input[type='radio']:checked").val());				//获取被选中的radio value值
				alert($("#select_id").val());														// 获取被选中的  select的value值
				alert($("#select_id").find("option:selected").text());		// 获取被选中的  select的文本值
         })
	})
  </script>
 </head>
 <body>
 <form  name="thisform" method="post">
      你爱国吗:    <input type="radio" name="radio1"   class="rd"   id="rd" value="1"/> 
	  <span>a</span>
        <input type="radio" name="radio1"class="rd"  id="tt" value="2" />
       <span>b</span>
        <input type="radio"name="radio1"class="rd"  value="3"/>
       <span>c</span>
		<ul id="options" class="options">
      <li><label for="opA" ><input type="checkbox" name="checkbox" id="opA"  value="1"/>选项A</label></li>
      <li><label for="opB" ><input type="checkbox" name="checkbox" id="opB" value="2" />选项B</label></li>
      <li><label for="opC" ><input type="checkbox" name="checkbox" id="opC"  value="3"/>选项C</label></li>
      <li><label for="opD"  id="op"><input type="checkbox" name="checkbox" id="opD"  value="4"/>选项D</label></li>
    </ul>
	<select  id="select_id">
			<option value="111">aa</option>
			<option value="222">bb</option>
			<option value="333">cc</option>
	</select>
	<input type="button" value="test" id="test"/>
</form>
 </body>
</html>


 

懷惗尛時候
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Image$$ARM_LIB_HEAP$$ZI$$Base.docx
05-16
在keil中的高阶应用，使用$$等特殊符号实现高阶功能。 区域ZI部分固定了起始和结束，所以计算时是可预知的。结束未预知的情况
vue中$refs, $emit, $on, $once, $off的使用详解
10-16
主要介绍了vue中$refs, $emit, $on, $once, $off的使用详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
shell脚本中的部分环境变量$0,$?,$!,$$,$*,$#,$@
01-09
$$ shell本身的PID(ProcessID) $! shell最后运行的后台Process的PID $? 最后运行结束的命令的返回状态值，为０则为执行成功，为１则为执行失败 $* 所有参数列表．以”$1 $2 … $n”的形式输出所有参数 $@ 所有参数列表．以”$1″ “2”…”2″ … “2”…”n”的形式输出所有参数 $# 添加到shell的命令行参数个数 $0 脚本本身的文件名 $1 ~ $n 添加到脚本的各个参数值，$1是第一个参数，$2是第二个参数… 给出一个例子辅助理解 #创建一个脚本测试文件 [root@localhost ~]# vim test.sh echo nu
自举4D N $$ \ mathcal {N} $$ = 1 SCFT中的混合相关器
04-06
数值共形引导程序用于研究d = 4时空维度中N $$ \ mathcal {N} $$ = 1超保形场论（SCFT）中的混合相关器。 分析了涉及标量手性和实算子的四点函数系统，包括标量实算子是全局守恒电流多重态的零分量的情况。 提出了关于超共形块的新结果以及具有手性算子的4D N $$ \ mathcal {N} $$ = 1 SCFT的空间的通用约束。 在使用的精度级别上，可以将推定的“最小” 4D N $$ \ mathcal {N} $$ = 1 SCFT隔离到断开的允许区域中的条件仍然难以捉摸。 然而，发现边界的新特征可提供进一步的证据，证明存在与“最小” 4D N $$ \ mathcal {N} $$ = 1 SCFT对应的交叉对称的特殊解决方案。
半轻子B和$$ B_s $$ Bs衰减涉及标量和轴向矢量介子
03-30
我们报告了基于协变光前夸克模型中形状因子的半轻质B和$$ B_s $$ Bs衰变的分支分数的理论计算。 也就是说，$$ B（B_s）\ rightarrow（P，\，V，\，S，\，A）\ ell \ nu _ell $$ B（Bs）→（P，V，S，A）ℓνℓ ，其中P和V分别表示伪标量介子和矢量介子，而S表示质量大于1 GeV的标量介子，A表示轴向矢量介子。 在实验中对半瘦体$$ B \ rightarrow P $$ B→P和V模式的支化分数进行了很好的测量，我们的理论值与它们非常吻合。 对于$$ B \ rightarrow S $$ B→S和A模式的那些是我们的理论预测。 尽管已经进行了许多理论上的努力，但是关于半瘦体$$ B_s $$ Bs衰变的实验信息很少。 此外，我们预测$$ B \ rightarrow D ^ * _ 0（2400）\ ell \ bar {\ nu __ell $$ B→D0 ∗（2400）ℓν¯ℓ和$$ B_s \ rightarrow的分支分数 D ^ {*-} _ {s0}（2317）\ ell \ bar {\ nu} _ \ ell $$
js获得checkbox选中值及input后面的文本
热门推荐
Sang
07-09 2万+
js如何获得多个checkbox选中的值及input后面所跟的文本 验证js获得多个checkbox选中值及input后面所跟文本 function clickBjjb() { var checkboxValue= new Array(); var checkboxText= new Array(); var ch
ajax实现多选 radio true,jquery实现radio的取值、radio的选中及radio重置(代码分享)
weixin_29228203的博客
08-05 687
使用jquery操作radio选项，比较方便。例如：radio 按钮组, name=”sex”。如下：复制代码 代码示例:MaleFemaleUnknown1，获取radio选中的value.复制代码 代码示例:$('input:radio[name=sex]:checked').val();2，选择 radio 按钮 (Male).复制代码 代码示例:$('input:radio[name=se...
Jquery 获取 radio选中值 20111215【转】
Chico_Lee 的专栏
12-15 1589
随着Jquery的作用越来越大，使用的朋友也越来越多。在Web中，由于CheckBox、Radiobutton 、DropDownList等控件使用的频率比较高，就关系到这些控件在Jquery中的操作问题。由于Jquery的版本更新很快，代码的写法也改变了许多，以下Jquery代码适query1.4版本以上。 Radio        1.获取选中值，三种方法都可以： $(...
HTML radio 或者 checkbox 获取状态为选中的元素的值
liuhai的博客
03-01 3478
彩色模式： 关 开 1. $('.radio:checked') 2. $('input[type^=radio]:checked') 3. $('.radio').filter(':checked') 4. 使用each 具体的 HTML 和 jQuery 代码这里贴一下代码： $(docum
复选框多选获取问题
xclsky的博客
01-08 790
1 当复选框出现多个，获取多个时，可以通过jquery的方法和document自带的方法。都可以获得被选中的复选框。 2 通过jquery的方法。$("input[name='checkbox_name']:checked")。 这是得到input标签中的匹配name='checkbox_name'的元素 同时被选中的。[name='checkbox_name']表示匹配属性值name为
jQuery获取Radio,CheckBox选择的Value值(示例代码)
01-21
$(“input[name=’radio_name’][checked]”).val(); //选择被选中Radio的Value值$(“#text_id”).... //使文本框的Vlaue值成选中状态$(“input[name=’radio_name’][value=’要选中Radio的Value值'”).attr(“checke
jquery text,radio,checkbox,select操作实现代码
12-09
控制表单元素： 文本框,文本区域： $(“#txt”).attr(“value”)或者$(“#txt”).val()//获取值 $(“#txt”).attr(“value”,”);//清空内容 $(“#txt”).attr(“value”,’11’);//填充内容 多选框checkbox： $(“#...
js和jquery分别验证单选框、复选框、下拉框
01-19
首先说单选框(radio)，radio和checkbox一样都是name相同值有多个在获取 radio 值的时候我们不能按照普通文本框.value的方式,而是要判断哪个被选中了。 js验证是要用getElementsByName()获取数组 js代码如下： ...
前端与移动开发之表单
07-25
文本框/password密码框 /radio单选框/checkbox复选框/ name定义input元素名称/value/checked/maxlength最大长度/submit提交/reset重置/button普通按钮"> 注意： ①input是一个单标签 不独占一行 ②...
javaScript常用事件
09-19
常用javaScript事件归纳。...6.onChange事件：文本框的value值发生改变时调用函数。当利用text或textarea元素输入字符值改变时发该事件，同时当在select表格项中一个选项状态改变后也会引发该事件。例： <Form> ...
jquery判断input checkbox是否选择 select下拉列表选择的value
w925d的专栏
03-15 871
var checkInput = $(".check_input").is(':checked'); //true  选择  false 未选择 var select_type = $('.select_type').val(); //value值
jQuery获取Select选择的Text和Value(详细汇总)
zhaofuqiangmycomm的博客
03-23 5607
Select选择的Text和Value在使用中可能都需要获取到它们的值，以至搜集用户的需求，本文整理了一些常用而实用的操作技巧，感兴趣的朋友可以了解下，就当巩固自己的知识了，希望本文对你有所帮助 语法解释： 1. $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选
jQuery操作select下拉框的text值和value值的方法
qhzhen的博客
08-11 2607
这篇文章主要介绍了jQuery操作select下拉框的text值和value值的方法,需要的朋友可以参考下 1、jquery获取当前选中select的text值var checkText=$("#slc1").find("option:selected").text();2、jquery获取当前选中select的value值var checkValue=$("#slc1").val();...
JS如何获取radio（单选框）的值
tianmo2010的专栏
05-31 1万+
JavaScript代码：  function getRadioValue(radionObj) { for(var i = 0; i < radionObj.length; i ++) { if (radionObj[i].checked) { str=radionObj[i].value; } } return s
layui根据下拉框的值展示不同的表单元素
最新发布
05-27
可以通过监听下拉框的change事件，在事件处理函数中根据选中的值展示不同的表单元素。 示例代码如下： HTML代码： ```html <div class="layui-form-item"> <label class="layui-form-label">选择类型</label> <div class="layui-input-block"> <select name="type" lay-filter="type"> <option value="">请选择</option> <option value="text">文本框</option> <option value="checkbox">复选框</option> <option value="radio">单选框</option> </select> </div> </div> <div class="layui-form-item" id="text" style="display:none"> <label class="layui-form-label">文本框</label> <div class="layui-input-block"> <input type="text" name="text" lay-verify="required" placeholder="请输入文本" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-form-item" id="checkbox" style="display:none"> <label class="layui-form-label">复选框</label> <div class="layui-input-block"> <input type="checkbox" name="checkbox1" title="复选框1" value="1"> <input type="checkbox" name="checkbox2" title="复选框2" value="2"> <input type="checkbox" name="checkbox3" title="复选框3" value="3"> </div> </div> <div class="layui-form-item" id="radio" style="display:none"> <label class="layui-form-label">单选框</label> <div class="layui-input-block"> <input type="radio" name="radio" value="1" title="单选框1"> <input type="radio" name="radio" value="2" title="单选框2"> <input type="radio" name="radio" value="3" title="单选框3"> </div> </div> ``` JavaScript代码： ```javascript layui.use(['form'], function() { var form = layui.form; // 监听下拉框的change事件 form.on('select(type)', function(data) { var value = data.value; // 隐藏所有表单元素 $('#text,#checkbox,#radio').hide(); // 显示选中的表单元素 $('#' + value).show(); }); }); ``` 在上面的示例中，我们给下拉框添加了一个lay-filter属性，表示需要监听下拉框的change事件。在事件处理函数中，我们获取到选中的值，然后根据值来隐藏或显示相应的表单元素。最后，我们需要调用form.render()方法来重新渲染表单元素，否则可能会出现样式问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值