-
2022-03-14 13:08:53
$("input[name='输入框 name属性']:checked").val()
使用js获取单选框的值
更多相关内容 -
js获取单选框里面的值
2020-07-04 15:39:32//通过名字获取 getElementsByName //var obj = document.getElementsByName("fruit"); //通过标签获取 getElementsByTagName var obj = document.getElementsByTagName("input"); for(var i=0; i<obj.length; i...<script> window.onload = function(){ //通过名字获取 getElementsByName //var obj = document.getElementsByName("fruit"); //通过标签获取 getElementsByTagName var obj = document.getElementsByTagName("input"); for(var i=0; i<obj.length; i ++){ if(obj[i].checked){ alert(obj[i].value); } } } </script> <form> <input type="radio" name ="fruit" value="apple" checked>苹果 <input type="radio" name ="fruit" value="banana">香蕉 <input type="radio" name ="fruit" value="pear">梨 </form>
知识点:
1,通过元素的名字获取元素列表
var obj = document.getElementsByName("fruit");
2,通过标签的名字获取元素列表
var obj = document.getElementsByTagName("input");
3,是否选中
obj[i].checked;
4,单选框里面的值
obj[i].value;
-
vue radio单选框,获取当前项(每一项)的value值操作
2020-10-14 19:14:41主要介绍了vue radio单选框,获取当前项(每一项)的value值操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧 -
js获取单选框选中的值
2022-03-16 11:00:59# 前言 在网上查的很多资料都是用JQuery获取,但是我觉得应该直接用js就可以实现这个功能。...但是会发现它仅仅在页面最初加载时读取到默认的checked值,当选中项发生改变时,它不会再去获取,不符合我的期望。前言
在网上查的很多资料都是用JQuery获取,但是我觉得应该直接用js就可以实现这个功能。
网上有一些用js实现的是使用
window.load=function(){...}
,在页面加载时就调用函数去获取。但是会发现它仅仅在页面最初加载时读取到默认的checked值,当选中项发生改变时,它不会再去获取,不符合我的期望。后面尝试获取input的DOM元素,在元素的onchange函数中获取选中值,不过也不行。因为当它由被选中转变为未选中状态时,onchange方法不会被调用;只能在它由未选中状态转变为被选中状态时才会调用,才能获取值。
最后我的解决方案如下。
代码
html
需要把两个单选的input放进一个表单控件里面
<form id="toolForm"> <input type="radio" name="tool" checked="checked" value="pencil" id="pencil">画笔 <br/> <input type="radio" name="tool" value="eraser" id="eraser">橡皮 </form>
js
// 获取表单 const toolForm=document.getElementById("toolForm"); // 表单内选中的项发生改变时会调用该方法 toolForm.onchange=function () { //这里得到name为tool的元素数组 const tools = document.getElementsByName("tool"); for (let i = 0; i <tools.length ; i++) { if(tools[i].checked) console.log(tools[i].value); } }
-
php radio 单选框获取与保持值的实现代码
2020-10-29 03:19:28php中读取单选框radio值的与在php中保持单选按钮的值的方法,其实都是一样的原理。 -
HTML单选框多选框(根据name获取值和根据值显示结果)
2021-06-13 09:38:15/*** 根据name获取单选框的值* @param name* @returns*/function getRadioByName(name){return $('input:radio[name="'+name+'"]:checked').val();}/*** 根据name获取多选框的值* @param name* @returns {String}*/.../**
* 根据name获取单选框的值
* @param name
* @returns
*/
function getRadioByName(name){
return $('input:radio[name="'+name+'"]:checked').val();
}
/**
* 根据name获取多选框的值
* @param name
* @returns {String}
*/
function getCheckboxByName(name){
var value = document.getElementsByName(name);
var values = "";
for(var i=0;i
if(value[i].checked){
values += value[i].value;
values +=",";
}
}
if(values.length >0){
values = values.substring(0, values.length-1);
}
return values;
}
/**
* 根据值加载单选框
* @param name
* @param value
*/
function showRadio(name,value){
var nValue = $("input[name='"+name+"']");
for(var i=0;i
if(nValue[i].value == value){
nValue[i].checked = true;
break;
}
}
}
/**
* 根据值加载多选框
* @param name
* @param value
*/
function showCheckbox(name,value){
var nValue = $("input[name='"+name+"']");
var sValue = value.split(",");
for(var i=0;i
for(var j=0;j
if(nValue[i].value == sValue[j]){
nValue[i].checked = true;
break;
}
}
}
}js,jquery博大精深,有机会好好研究下。
-
JS获取文本框,下拉框,单选框的值的简单实例
2021-01-19 20:35:231.文本框 1.1 <input type=”text” name=”test” id=”test”>...2.下拉列表框 2.1 <select name=”sel” id=”sel” onchange=”look();”>”1″>11</option><option value=”2″ sele -
layui如何获取radio单选框选中的值
2022-05-11 14:36:22layui如何获取radio单选框选中的值 例如: <input type="radio" name="sex" id="man" value="0" title="男" lay-filter="aaa"> <input type="radio" name="sex" id="female" value="1" title="女" checked ... -
jquery获取单选框的值
2018-06-20 01:06:28jquery获取单选框(多选框)的值 -
【Android Studio代码】获取单选框
2017-09-01 17:45:38用Android Studio 2.3.3做的单选框例子,主要用到的代码有:mRadioButton_01 = (RadioButton)findViewById(R.id.RadioButton_01);、boolean b01 = mRadioButton_01.isChecked();、CharSequence charSequence01 = ... -
JSP+Java 获取单选框的值
2019-03-05 16:17:44JSP片段: ;text-align: right;padding-top: 13px;... <input name="picType2" type="radio" class="ace" id="picType2" value="1"><span class...JAVA片段里的pd是一个网页封装对象,替换也可以获取到值 -
获取单选框的值
2018-03-20 15:19:39单位 个人 //获取单选框的值 var val_ = $('input:radio[name="invoice.title"]:checked').val(); -
JQuery判断radio单选框是否选中并获取值的方法
2020-12-10 20:03:48一、设置选中方法 代码如下: $("input[name='\u540d\u5b57']").get(0).checked=... //获取被选中Radio的Value值 二、设置选中和不选中示例 代码如下: <input type="radio" value="0" name="jizai" id="0"/>否 -
单选框并获取值的各种操作
2020-10-12 11:04:24获取值 $("input[name='killOrder']:checked").val(); $('input:radio:checked').val(); $("input[type='radio']:checked").val(); $(":radio[checked]").each(function(radio){alert($(this).val()); 2.设置第一个... -
JQuery判断radio(单选框)是否选中和获取选中值方法总结
2020-10-24 09:30:53主要介绍了JQuery判断radio(单选框)是否选中和获取选中值方法总结,本文讲解了利用获取选中值判断选中、使用checked属性判断选中、jquery获取radio单选按钮的值、获取一组radio被选中项的值、设置单选按钮被选中等... -
Android开发之获取单选与复选框的值操作示例
2020-08-26 03:52:04主要介绍了Android开发之获取单选与复选框的值操作,结合实例形式分析了Android针对单选按钮、复选框的事件响应、数值获取等相关操作技巧,需要的朋友可以参考下 -
js获取单选框或复选框值及操作
2020-12-09 04:32:13代码如下: [removed] function checkbox() { var str=document.getElementsByName(“box”); var objarray=str.length; var chestr=””; for (i=0;i<objarray;... if(str[i].checked == true) { chestr+=str[i].... -
vue 实现单选框设置默认选中值
2020-12-30 01:23:59vue中单选框的默认选中不同于传统方式设置checked,是通过在data中设置vulue来实现的 ... (value,i) key=value.id> <input class=radio type=radio name=radios :value=i v-model=radio /> ... -
jQuery 获取单选框已选中的值
2019-05-16 10:54:29jQuery 获取单选框(radio)已选中的值,请阅读我的原创文章《jQuery 表单对象属性》,文章中的 “:checked” 选择器文章中有详细的说明和源码示例。 《jQuery 表单对象属性》文章链接:... -
jquery 获取单选框的值
2015-11-13 15:31:423. 获取当前option的最大索引值: $('select#sel option:last').attr("index") 4. 获取DropdownList的长度: $('select#sel')[0].options.length; 或者 $('select#sel').get(0).... -
PHP 输入框获取单选框的值
2019-06-08 01:03:02NULL 博文链接:https://onestopweb.iteye.com/blog/2325653 -
js获取单选框的值
2018-02-04 21:59:20获取单选框的值有三种方式:1、$('input:radio:checked').val();2、$("input[type='radio']:checked").val();3、$("input[name='rd']:checked").val(); 借鉴 https://zhidao.baidu.com/question/348226665.html -
获取单选框
2021-08-01 16:25:53获取单选框 单选框如何判断? radio(标签类型):标识这是单选框; name(标签名):多个radio(单选框)的name值相同,则系统将name值相同的单选框归为一组,就只能选其中一个。程序通过name的值来获取对象。 value的值... -
uniapp单选框和获取单选框的值
2020-02-24 21:36:32其实uniapp的单选框的标签不是像html中的标签`<input type="radio" />...uniapp中有单独的单选框标签`<radio value="女" /><text>女</text>`, 效果图: 这样实现uniapp单选框了 ... -
取html界面里的单选框被选中的值
2021-06-01 23:07:54部分html代码 。。。。。。 <tr> <td class="quest">8、您容易忘事(健忘)吗?...input name="pinghe8" type="radio" value="5" checked="checked">...input name="pinghe8" type="r -
获取单选框的value值
2019-06-28 08:36:15单选框样式,给每个input标签绑定value值 @* 审核结果 *@ <div class=“col-12 mt-2”> <label for="" class="">审核结果:</label> <input type=“radio” name=“radio” class=“ml-3” id=...