博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
通过jQuery获取一组checkbox的选中项并显示在HTML页面中
阅读量:5150 次
发布时间:2019-06-13

本文共 583 字,大约阅读时间需要 1 分钟。

这里是jQuery代码

$(function () {

  $("input[name=names]").click(function () { //获得所有的name=names的input,并给他们添加click监听事件
    var arr = new Array();
    $("input[name=names]:checked").each(function (key, value) {
      arr[key] = $(value).val();
    });
    $("#getnames").text("选中" + arr.length + "项:" + arr.join(","));//更新到p层上
  });
});

 

这里是HTML代码

<input type="checkbox" name="names" value="jim" />jim

<input type="checkbox" name="names" value="tom" />tom
<input type="checkbox" name="names" value="lily" />lily
<p id="getnames"></p>

 

运行效果

转载于:https://www.cnblogs.com/DillonFly/p/4561726.html

你可能感兴趣的文章
4.8日学习打卡
查看>>
在linux中文件的权限讲解
查看>>
(最小生成树)Constructing Roads -- poj -- 2421
查看>>
css3画半圆
查看>>
模拟题1
查看>>
linux shell 流程控制
查看>>
python中列表,元组,字典常用操作方法的总结
查看>>
分页查询
查看>>
[转] java.lang.IllegalArgumentException: Document base D:\apache-tomcat-7.0.47\webapps\XXX错误
查看>>
k8s prometheus+grafana 监控
查看>>
代码细节重构:请对我的代码指手划脚(二)
查看>>
TJU1004
查看>>
Java关于数组对象赋值与指针
查看>>
ubuntu14.04 red5
查看>>
洛谷—— P1204 [USACO1.2]挤牛奶Milking Cows
查看>>
2012-11-05 IE下模拟css3中的box-shadow(阴影)
查看>>
android service broadcastreceiver intentfilter
查看>>
【转】MySQL数据类型
查看>>
restful
查看>>
登录注册代码
查看>>