实用的js获取checkbox值代码

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>getElementsByName范例</title>
<script type="text/javascript">
function test(){
// 得到checkbox数组
var elements = document.getElementsByName("role");
var str = "";
// 取得所选择的角色
for(var i=0;i<elements.length;i++){
if(elements[i].checked){
str += "> " + elements[i].value + "n";
}
}
// 输出
if(str == ""){
alert("您没有选择任何角色！");
}
else{
alert("您选择的角色为：nn" + str);
}
}
</script>
</head>
<body>
<table cellspacing="5" cellpadding="2" align="Center" border="1">
<tr>
<td align="center" class="dgHeader" nowrap>选择角色</td>
<td align="left">
系统管理员<input name="role" type="checkbox" value="系统管理员" >
 
总经理<input name="role" type="checkbox" value="总经理" >
 
代理商<input name="role" type="checkbox" value="代理商" >
 
客服人员<input name="role" type="checkbox" value="客服人员" >
 
</td>
</tr>
<tr>
<td height="29" colspan="2" align="center">
<input type="button" id="btnSubmit" style="font-size:12px;width:90px;" value="输出选择结果" onclick="test();" />
</tr>
</table>
</body>
</html>

时间： 2025-01-27 03:33:09

实用的js获取checkbox值代码的相关文章

js获取checkbox值的方法_javascript技巧

本文实例讲述了js获取checkbox值的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>js</title> </head> <script language="javascrip

获取checkbox值的几种方法

比如你的input是这样:  代码如下 复制代码 <input type="checkbox" name="menu[1]" value="1">1 <input type="checkbox" name="menu[2]" value="2">2 <input type="checkbox" name="menu[3]&quo

js /jquery 获取cookie值代码

js /jquery 获取cookie值代码 */ function getcookie(name, dc){       var cname = name + "=";     if (dc.length > 0){           var begin = dc.indexof(cname);         if (begin != -1){               begin += cname.length;               end = dc.index

两种js获取当前域名代码

 今天给各位朋友介绍两种js获取当前域名  代码如下 //获取当前域名 1.window.location.host; 2.document.domain; //获取当前页面地址 url = window.location.href;   例子  代码如下 <script language="javascript"> //获取域名 host = window.location.host; host2=document.domain; //获取页面完整地址 url = win

js获取Get值的方法_javascript技巧

本文实例讲述了js获取Get值的方法.分享给大家供大家参考,具体如下: function getUrlParam(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var r = window.location.search.substr(1).match(reg); //匹配目标参数 if (r!=null) return u

JS获取checkbox的个数简单实例_javascript技巧

JS获取多选框checkbox被选中的个数. var checkbox = document.getElementsByName("likes[]"); //此处通过此种方式才能获得多选框为数组. //like为name = "like[]" , 获得时必须加上[] var checked_counts = 0; for(var i=0;i<checkbox.length;i++){ if(checkbox[i].checked){ //被选中的checkbo

jquery捕捉回车键及获取checkbox值与异步请求的方法_jquery

本文实例讲述了jquery捕捉回车键及获取checkbox值与异步请求的方法.分享给大家供大家参考,具体如下: 1.jquery捕捉回车键: $("html").die().live("keydown",function(event){ if(event.keyCode==13){ //这里添加要处理的逻辑 } }); 2.jquery获得多个选中的checkbox值: $('input[type="checkbox"][name="t

jquery 获取input值代码

方法很简单,我们来看看如何用jquery 获取input值代码吧. 取值:val = $("#id")[0].value; 赋值: $("#id")[0].value = "new value"; 或者$("#id").val("new value"); 或者这样也可以:val = $("#id").attr("value");

一款js 读取cookie 值代码

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-