js中获得checkbox里选中的多个值

淡淡的烟草味﹌ 2022-04-17 04:22 166阅读 0赞

<!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-Type" content="text/html; charset=utf-8" />   
    <title>louis-blog >> jQuery 对checkbox的操作</title>   
    <mce:script type='text/javascript' src="http://leotheme.cn/wp-includes/js/jquery/jquery.js" mce\_src="http://leotheme.cn/wp-includes/js/jquery/jquery.js"></mce:script>   
</head>   
<body style="text-align:center;margin: 0 auto;font-size: 12px;" mce\_style="text-align:center;margin: 0 auto;font-size: 12px;">   
<div style="border: 1px solid \#999; width: 500px; padding: 15px; background: \#eee; margin-top: 150px;">   
<form name="form1" method="post" action="">   
<input type="checkbox" name="test" value="橘子"/><span>1</span>  
<input type="checkbox" name="test" value="桃子"/><span>2</span>  
<input type="checkbox" name="test" value="苹果"/><span>3</span>  
<input type="checkbox" name="test" value="鸭梨"/><span>4</span>  
<input type="checkbox" name="test" value="葡萄"/><span>5</span>  
<input type='button' value='提交' οnclick="fun()"/>  
</form>   
</div>   
<script>  
function fun()\{  
    obj = document.getElementsByName("test");  
    check\_val = \[\];  
    for(k in obj)\{  
        if(obj\[k\].checked)  
            check\_val.push(obj\[k\].value);  
    \}  
    alert(check\_val);  
\}  
</script>  
</body>   
</HTML>

发表评论取消回复

表情：

评论列表（有 0 条评论，166人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS_使用js中获取checkbox里选中的多个值，checkbox全选

获取checkbox里选中的多个值 <input type="checkbox" name="test" value="1"/><span>1</span>

朱雀/ 2023年01月15日 10:22/ 0 赞/ 97 阅读

相关在js中获取 input checkbox里选中的多个值

思路：利用name属性值获取checkbox对象，然后循环判断checked属性（true表示被选中，false表示未选中）。下面进行实例演示： html代码：

我会带着你远行/ 2022年12月13日 01:22/ 0 赞/ 143 阅读

相关获取checkbox中被选中的值

html代码： <form name="testForm" id="myForm"> <input type="checkbox" name="ids" v

喜欢ヅ旅行/ 2022年12月13日 01:21/ 0 赞/ 171 阅读

相关获取checkbox中被选中的值

<form name="testForm" id="myForm"> <input type="checkbox" name="ids" value="1"

Dear 丶/ 2022年11月14日 10:16/ 0 赞/ 218 阅读

相关 js里获得json对象里的值

js中获取json的值： var o = \{"name":"value"\} o.name和o\["name"\]都可以取到value的值 var o =

谁践踏了优雅/ 2022年06月11日 08:57/ 0 赞/ 2278 阅读

相关 js checkbox 获取表格一行中的多个值传递多个值

js checkbox 获取表格一行中的多个值传递多个值（1）页面html ![20171026190109661][] checkbox 带了 listIn

阳光穿透心脏的1/2处/ 2022年06月06日 01:42/ 0 赞/ 190 阅读

相关 js中获得checkbox里选中的多个值

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xht

淡淡的烟草味﹌/ 2022年04月17日 04:22/ 0 赞/ 167 阅读

相关获取checkbox中被选中的值

对于下面的前台代码，要获取其中被选中的checkbox的值 <form name="testForm" id="myForm"> <input type=

冷不防/ 2022年03月29日 20:18/ 0 赞/ 252 阅读

相关在 js 中怎样获得 checkbox 里选中的多个值？(jQuery)

[前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到教程。][Link 1] 思路：利用name属性值获取checkbox对象，然后

小咪咪/ 2022年03月18日 09:24/ 0 赞/ 749 阅读

相关 checkBox 获取选中的值

//获取角色的ID function getRoleID(checkBoxName) \{ var selectRoleID = ""; $("in

桃扇骨/ 2021年11月04日 21:16/ 0 赞/ 380 阅读