jquery 取指定class下的input checkbox选中的值
2024-09-02 19:48:14
<!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>属性选择器学习</title>
<script language="JavaScript" type="text/javascript" src="http://www.jq22.com/jquery/jquery-3.3.1.js"></script>
<script language="javascript" type="text/javascript">
//使用jquery加载事件
$(document).ready(function (){
$("#btn1").click(function (){var che = [];
// 取name getElementsByName("ccq")
obj = document.getElementsByClassName("c1");
console.log(obj)
check_val = [];
for(k in obj){
if(obj[k].checked)
check_val.push(obj[k].value);
}
console.log(check_val)
console.log($("input[class=c1]:checked").length);
// alert($("input[type=checkbox]:checked").length);
// $('input:checkbox:checked') 等同于 $('input[type=checkbox]:checked')
// 选name 则是$("input[name=ccq]:checked")
$.each($("input[class=c1]:checked"),function(i){
// window.alert("你选了："+
// $('input[type=checkbox]:checked').length+"个，其中有："+$(this).val());
che.push($(this).val());
console.log(i);
});
console.log(che);
});</script>
</head>
<body>
<form method="post" action="">
<input class="c1" name="ccq" type="checkbox" value="美女" />美女
<input class="c1" name="ccq" type="checkbox" value="美男" />美男
<input class="c1" name="ccq" type="checkbox" value="大爷" />大爷
<input class="c2" name="ccq" type="checkbox" value="大妈" />大妈
<br>
<input type="radio" value="男" />男
<input type="radio" value="女" />女
<br>
<select id="zhiwei" size="5" multiple="multiple">
<option>PHP开发工程师</option>
<option>数据库管理员</option>
<option>系统分析师</option>
<option>保安</option>
</select>
<select id="xueli">
<option>大专</option>
<option>中专</option>
<option>小学</option>
</select>
</form>
<div style="clear:both;">
<input id="btn1" type="button" value="" /><br>
</div>
</body>
</html>
$.each($("input[class=c1]:checked"),function(i){
最新文章
- phpMyAdmin提示：配置文件权限错误，无法写入！解决方法
- IO调度算法
- JS中变量名作为if条件的 true/flase
- NES模拟器开发-CPU笔记
- VS2010 C++环境下DLL和LIB文件目录及名称修改
- php 批量生成html、txt文件
- VS2010调试 --指南 Reference from : http://blog.csdn.net/kingzone_2008/article/details/8133048
- jni使用
- 201521123017 《Java程序设计》第7周学习总结
- layer与iframe 间值的相互传递
- 51nod 1686 第k大区间
- Redis之（二）数据类型及存储结构
- python初级实战-----关于邮件发送问题
- python3-元类
- Java Lambda 表达式 对 Map 对象排序
- switch嵌套--猜拳游戏
- c语言数据类型、运算符和表达式
- 关于while(cin>>c)语句的理解
- 【jemter】HTTP请求参数化
- mysql添加一个字段(