首页 jquery怎样获取所有选中的checkbox的值
文章
取消

jquery怎样获取所有选中的checkbox的值

撰写时间:2022-01-18,整理时间:2023-01-29

界面结构如下

1
2
3
4
5
<input name="selector[]" id="ad_Checkbox1" class="ads_Checkbox" type="checkbox" value="1" />
<input name="selector[]" id="ad_Checkbox2" class="ads_Checkbox" type="checkbox" value="2" />
<input name="selector[]" id="ad_Checkbox3" class="ads_Checkbox" type="checkbox" value="3" />
<input name="selector[]" id="ad_Checkbox4" class="ads_Checkbox" type="checkbox" value="4" />
<input type="button" id="save_value" name="save_value" value="Save" />

添加点击事件

1
2
3
4
5
$(function(){
  $('#save_value').click(function(){
       
  });
});

在事件的回调方法中添加以下代码

1
2
3
$('input[type=checkbox]:checked').map(function(_, el) {
    return $(el).val();
}).get();
本文由作者按照 CC BY 4.0 进行授权

CSS的基本使用方法与学习工具推荐

怎样在Linux上开发vue项目