分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

关于JqueryCheck选中获取数据

发布时间:2023-09-06 02:28责任编辑:胡小海关键词:暂无标签

        关于Jquery获取Check选中数据

首先还是得引用Jquery的包,然后新增3个CheckBox

 ???<div> ???????<input type="checkbox" name="Check" value="1" checked /> ???????<input type="checkbox" name="Check" value="2" /> ???????<input type="checkbox" name="Check" value="3" checked /> ???????<input type="button" value="你选中的个数" id="btn" /> ???</div>

  

 <script type="text/javascript"> ??$(document).ready(function () {  var btn = document.getElementById("btn"); //获取id为btn的元素  btn.onclick=function () { //给元素添加onclick事件    var arraycheck = new Array();    var itemcheck = document.getElementsByName("Check");    for (var i = 0; i < itemcheck.length; i++) {      if (itemcheck[i].checked)      {        arraycheck.push(itemcheck[i].value);      }    }    console.log(arraycheck);    alert("你选中的个数为:"+arraycheck.length);  }; }); </script>

关于JqueryCheck选中获取数据

原文地址:https://www.cnblogs.com/chaonuanxi/p/10211560.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved