获取选中checkbox的value值

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<div class="modal fade" id="ggModal" tabindex="-1" role="dialog" aria-label-borderledby="myModallabel">
  <div class="modal-dialog" role="document" style="width:1060px;">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label-border="Close"><span aria-hidden="true">×</span></button>
        <h4 class="modal-title" id="myModallabel-border">选择规格型号</h4>
      </div>
      <div class="modal-body">
        <div class="form-group">
          <div class="col-sm-2">
            <input type="checkbox" value="度数:38°" name="ggCheckbox" /><span>度数:38°</span>
          </div>
          <div class="col-sm-2">
            <input type="checkbox" value="产地:四川" name="ggCheckbox" /><span>产地:四川</span>
          </div>
          <div class="col-sm-2">
            <input type="checkbox" value="类型:醇香型" name="ggCheckbox" /><span>类型:醇香型</span>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
        <button type="button" class="btn btn-primary" id="subButton" onclick="selectGg()">保存</button>
      </div>
    </div>
  </div>
</div>

  

1
2
3
4
5
6
7
8
9
function selectGg() {
  obj = document.getElementsByName("ggCheckbox");
  check_val = [];
  for(k in obj) {
    if(obj[k].checked)
      check_val.push(obj[k].value);
  }
  $("#ggInput").val(check_val);
}

  

posted @   TigerZhang  阅读(5410)  评论(1编辑  收藏  举报
编辑推荐:
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
点击右上角即可分享
微信分享提示
显示目录
目录