100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 获取单选框复选框被选中的值

获取单选框复选框被选中的值

时间:2020-05-26 18:43:58

相关推荐

获取单选框复选框被选中的值

非常简单自己运行一下效果即见

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>JQuery radio checkBox</title><script type="text/javascript" language="javascript" src="js/jquery-1.9.1.js"></script><script type="text/javascript" language="javascript">$(function() {$("form").submit(function() {//判断单选框是否被选中var val = $('input:radio[name="sex"]:checked').val();if (val == null) {alert("什么也没选中!");return false;} else {alert(val);}var arr = []; //定义一个数组 $('input[name="ll"]:checked').each(function() { //遍历每一个名字为ll的复选框,其中选中的执行函数 //1.将选中的文本值添加到数组arr中//arr.push($(this).next().html()); //2.将选中的value值添加到数组内arr.push($(this).val());});//遍历数组for (var i = 0; i < arr.length; i++) {alert(arr[i]);}})});</script></head><body><form id="form1"><input type="radio" name="sex" value="男" />男<input type="radio" name="sex" value="女" />女<br /><input type="checkbox" name="ll" value="1" /><span>100</span><input type="checkbox" name="ll" value="2" /><span>200</span><input type="checkbox" name="ll" value="3" /><span>300</span><input type="checkbox" name="ll" value="4" /><span>400</span><br/><input type="submit" value="提交" /></form></body></html>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。