HTML单选框多选框(根据name获取值和根据值显示结果)

原创 2015年07月10日 09:59:57
/**
 * 根据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<value.length;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<nValue.length;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<nValue.length;i++){
		for(var j=0;j<sValue.length;j++){
			if(nValue[i].value == sValue[j]){
				nValue[i].checked = true;
				break;
			}
		}
	}
	
}
js,jquery博大精深,有机会好好研究下。
版权声明:本文为博主原创文章,未经博主允许不得转载。

用JS控制页面表单(From)中单选(Radio)控件值(value)的方法

今天将两个JavaScript的小技巧,原因很简单,因为CG最近在改一个网站的表单和前几天的索迪项目的时候,发现在HTML表单中的单选框的值的控制,和选中控制上让人很郁闷,特别是使用JSP的时候,所以...
  • yctccg
  • yctccg
  • 2016年08月16日 10:39
  • 2047

.html(),.text()和.val()的使用,获取单选和复选框选中的值

本节内容主要介绍的是如何使用jQuery中的.html(),.text()和.val()三种方法,用于读取,修改元素的html结构,元素的文本内容,以及表单元素的value值的方法。jQuery中 ...
  • gao454917848
  • gao454917848
  • 2014年09月09日 14:37
  • 1875

js匹配表单name的值获取value

html代码: 需求: 获取页面中所有的name格式都为“sort*”这种形式表单的值,并且要name和对应的value值。方法一、//alert($('input[name^="sort"]')...
  • leedaning
  • leedaning
  • 2015年06月10日 19:25
  • 8157

HTML中表单的明文框(text),暗文框(password),单选框(radio),多选框(checked), 属性name和属性checked的讲解

name是用来让单选框中的选项互斥的,checked是设置系统初始默认选项的。 表单初学 ...
  • Ameir_yang
  • Ameir_yang
  • 2017年03月08日 21:41
  • 547

<PRE class=java name="code">下面是多选框,其中的值有script载入</PRE>

class=java name="code">下面是多选框,其中的值有script载入   class=java name="code">"provinceId" name="province" on...
  • feng5588feng
  • feng5588feng
  • 2012年03月20日 22:33
  • 1060

CSS+HTML实例集合四,checkbox多选框的操作(全选等),select获取option的value和其对应的选项,select获取选中项的value值进行设置,select的二级联动菜单

checkbox多选框的操作(全选等) 无标题文档 商品列表 全选 笔记本电脑 3000元 笔记本电脑 4000元 笔记本电脑 5000元 笔记本电脑 6000元 笔记本电脑 70...
  • wjw_java
  • wjw_java
  • 2012年10月13日 23:46
  • 4489

如何用javascript获取文本框,下拉框,单选框的对应值或者将值赋给它们?

1.文本框 1.1 通过var t=document.getElementById("test").value把值赋给变量t, 1.2 当然也可以反过来把已知的变量值赋给文本框,...
  • zhd_superstar
  • zhd_superstar
  • 2011年02月26日 21:48
  • 1000

JS获取文本框,下拉框,单选框的值

JS获取文本框,下拉框,单选框值的简单实例。   1.文本框 1.1 通过var t=document.getElementById("test").value把值赋给变量t, 1.2 当...
  • vip_linux
  • vip_linux
  • 2014年02月26日 12:38
  • 632

js获取文本框、下拉框、单选框的值

1.文本框 1.1 通过var t=document.getElementById("test").value把值赋给变量t, 1.2 当然也可以反过来把已知的变量值赋给文本框,例如: va...
  • yangmingxing980
  • yangmingxing980
  • 2014年03月25日 20:25
  • 718

Android获得文本框 单选框 多选框的值

菜鸟Android学习01如何获得文本框 单选框 多选框的值> 程序代码分别如下所示
  • chopine
  • chopine
  • 2016年05月30日 11:35
  • 281
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML单选框多选框(根据name获取值和根据值显示结果)
举报原因:
原因补充:

(最多只允许输入30个字)