js获取复选框内容

时间:2020-12-15 00:19:33
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
</head> <body>
<div id="chkDiv">
<input type=radio value="" />男
<input type=radio value="" />女
<input type=button value="TEST" onclick="test();" />
</div>
</body>
<script>
function test() {
$("#chkDiv :radio").each(function () {
console.log($(this).is(":checked"));
console.log($(this).val());
var trueSex = $(this).val();
console.log('trueSex', trueSex);
})
}
</script>
<body>
<div>
<input type="checkbox" value="遍历1" />
<input type="checkbox" value="遍历2" />
<input type="checkbox" value="遍历3" />
<input type="checkbox" value="遍历4" />
<input type="checkbox" value="遍历5" />
<br>
<input type="button" id="btn" value="遍历" />
</div>
<script>
// 通过type属性遍历:
$(document).ready(function () {
$("#btn").click(function () {
var opt = "";
$("input[type='checkbox']").each(function () {
if ($(this).is(":checked")) {
opt = "选中";
console.log($(this).val())
} else {
opt = "未选中";
}
});
});
});
</script>
</body>
</html>

js获取复选框内容的更多相关文章

  1. 使用js获取复选框的值&comma;并把数组传回后台处理,过程使用的是Ajax异步查询

    这是界面代码: ​ function shua(){             var id_array=new Array();         $('input[id="checkAll& ...

  2. js 获取复选框 和 并改变状态

    function checkAll() { var checkbox = document.getElementById('vegeids');// var boxes = document.getE ...

  3. js获取复选框值

    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...

  4. Js获取复选框checkbox的值

    var emps= $("input[name='emp']:checked"); var employee= ""; emps.each(function() ...

  5. js获取复选框checkbox选中的多个值

    <input type="checkbox" name="idd" value="111" />a <input type ...

  6. 原生js获取复选框的值

    ​​ obj = document.getElementsByName("dk_tj"); var longtxt = ""; for (k in obj) { ...

  7. 《jquery权威指南2》学习笔记------ jquery获取复选框的值

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...

  8. jquery获取复选框checkbox的值

    jQuery API : each(callback) :以每一个匹配的元素作为上下文来执行一个函数. :checked :匹配所有选中的被选中元素(复选框.单选框等,不包括select中的optio ...

  9. angularJs获取复选框中id 进行批量删除

    主要思路:我们需要定义一个用于存储选中 ID 的数组,当我们点击复选框后判断是选择还是取消选择,如果是选择就加到数组中,如果是取消选择就从数组中移除.在点击删除按钮时需要用到这个存储了 ID 的数组. ...

随机推荐

  1. Stanford机器学习---第三讲&period; 逻辑回归和过拟合问题的解决 logistic Regression &amp&semi; Regularization

    原文:http://blog.csdn.net/abcjennifer/article/details/7716281 本栏目(Machine learning)包括单参数的线性回归.多参数的线性回归 ...

  2. 【转】android-support-v7-appcompat&period;jar 的安装及相关问题解决 --- 汇总整理

    原文网址:http://tdppro.blog.51cto.com/749956/1388853 1.DownLoading the Support Libraries 1)Start the And ...

  3. Android Studio打包签名全过程

    Step1:Build-----Generate Step2:签名文件保存位置,习惯性的保存在项目的根目录下E:\Users\StudioProject\SmartHust\smarthust.jks ...

  4. HDU 2604 - Queuing

    长度为 n 有男有女的队伍里没有 fmf 和 fff 的序列有多少 判断最后一个人无法得出结论 于是判断最后两人的递推式: fm(n) =   mm(n-1) //最后两人为fm的长度为n的队伍 只能 ...

  5. mysql将查询出来的一列数据拼装成一个字符串

    使用GROUP_CONCAT函数. SELECT GROUP_CONCAT(查询的字段 separator ',') FROM table

  6. error&colon; cannot lock ref &&num;39&semi;refs&sol;remotes&sol;origin&sol;master&&num;39&semi;&colon; unable to resolve reference &&num;39&semi;refs&sol;remotes&sol;origin&sol;master&&num;39&semi;&colon; reference broken&period;&period;&period;

    之前在自己的项目中添加了一个分支,然后做了一些操作,比如同步本地的分支情况到远程仓库中,然后在远程仓库中完成分支合并,以及 Pull request 等等操作,后来,在本地仓库中进行 git fetc ...

  7. C&sol;S架构系统自动化测试入门

    所谓C/S架构即Client/Server(客户端/服务器架构).虽然近年来C/S架构产品越来越少,大有被B/S(Browser/Server 浏览器/服务器)架构超越的趋势,但C/S还是有B/S不可 ...

  8. sql server内置函数

    MSDN标准文档:https://msdn.microsoft.com/zh-cn/library/ff848784(v=sql.120).aspx 配置函数 select @@servername ...

  9. &num;ifdef &num;endif &num;if &num;endif

    c语言里所有以#开头的都是预编译指令,就是在正式编译之前,让编译器做一些预处理的工作. #ifdef DEBUG printf("variable x has value = %d\n&qu ...

  10. HDU 5695 Gym Class

    拓扑排序. #include<cstdio> #include <iostream> #include<cstring> #include<cmath> ...