获取 input 单选框和多选框的值

引用 jQuery的js

 1  <script>
 2  $(function(){
 3
 4     var arr = new Array();
 5
 6     $('#checkbox').click(function(){
 7         arr = [];
 8
 9         $("input[name='c']:checked").each(function(k,v){
10             arr.push($(this).val());
11         });
12
13         $('#arr').val(arr);
14     });
15
16     $('#radio').click(function(){
17         var vradio = $('input[name="r"]:checked').val();
18         alert(vradio);
19     });
20  });
21
22  </script>

html

 1 <body>
 2    <input type="checkbox" name="c" value="c1" id="" />c1
 3    <input type="checkbox" name="c" value="c2" id="" />c2
 4    <input type="checkbox" name="c" value="c3" id="" />c3
 5    <input type="text" name="" value="" id="arr" />c3
 6    <input type="button" value="checkbox" id="checkbox"/><br>
 7
 8    <input type="radio" name="r" value="r1" id="" />r1
 9    <input type="radio" name="r" value="r2" id="" />r2
10    <input type="radio" name="r" value="r3" id="" />r3
11    <input type="button" value="radio" id="radio"/>
12 </body>

转载于:https://www.cnblogs.com/hjwbla/p/5165552.html

获取 input 单选框和多选框的值相关推荐

html单选框servlet,js、servlet分别获取下拉框、单选框、复选框的值
A 获取下拉框的value值 1.1 js获取下拉框中的value值从而给出提示: jsp: 请选择收藏夹类型 ${fa.faDesc} js: var faType = document.getE ...
单个form表单内，不同情况显示的不同选项的单选框或多选框的情况下，判断单选框是否存在未选择一个选项情况，并进行提示。
单个form表单内,根据不同条件情况显示的不同选项的单选框,判断单选框是否存在未选择一个选项情况,并进行提示. 开始: 开始时候,直接把所有情况下的单选框选项用if(!(选项1 已选)&&a ...
form表单注意点合集（文本域、单选框、复选框、下拉框等）
.html <form action="#" target="_blank">账号:<input type="text" ...
Selenium单选框、勾选框、复选框操作详解
webdriver可以很方便的使用findElement方法来定位某个特定的对象,不过有时候我们却需要定位一组对象,这时候就需要使用findElements方法. 1.单选框和多选框我们可以自己写一 ...
JS判断HTML中创建的单选框、复选框、下拉列表框是否被选中
目录一.单选框: 二.复选框: 三.下拉列表框: 一.单选框: 有如下单选框:radio <div class="form-text">性别:</div> ...
纯css写单选框和复选框的样式和功能
只用纯css写的单选框和复选框的样式和功能该怎么写?看这里,复制下面的代码运行一遍就知道了,快试试吧! 效果截图: <!doctype html> <html lang=" ...
css美化单选款、复选框
一款美化单选款.复选框的样式支持度: Chrome Firefox Safari Opera IE9 && IE9+ 代码: <!DOCTYPE html> <ht ...
html:(19):单选框，复选框，下拉列表框
使用单选框.复选框,让用户选择在使用表单设计调查表时,为了减少用户的操作,使用选择框是一个好主意,html中有两种选择框,即单选框和复选框,两者的区别是单选框中的选项用户只能选择一项,而复选框中用户 ...
java写html的多选框,Selenium+java - 单选框及复选框处理
Selenium+java - 单选框及复选框处理一.什么是单选框.复选框? 二.被测页面html源代码 CheckBoxRadioDemo.html CheckBox.Radio练习案例复选框 ...
Vue指令 v-for遍历、下拉列表、单选框、复选框
4 .v-for遍历 4.1 遍历数组中的对象格式:v-for="item in list" 里面也可以返回下标格式:v-for="(item.index) in l ...

获取 input 单选框和多选框的值

获取 input 单选框和多选框的值相关推荐

最新文章

热门文章