JQuery 获取选中多选框的value,合并成字符串传给后台

180it 2019-09-24 AM 3461℃ 0条

1.HTML部分



2.JS部分

$(function () {
$('.submit').click(function () {

 //定义一个空数组存储
 var arr = [];
 //根据name的值获取到所有选中checkbox,并遍历
 $("#form input:checkbox[name='role']:checked").each(function (i) {
   //arr.push($(this).val());
   arr[i] = $(this).val();
 });
 console.log(arr);
 // 将数组合并成字符串
 arrToStr = arr.toString();
 console.log(arrToStr);
 console.log(typeof arrToStr);
 //ajax提交
 $.ajax({
   url: 'api',
   type: 'get',
   data: {
     role: arrToStr
   },
   success: function () {}
 })

})
})

3.点击提交之后的效果图
20190108182354826.png
————————————————

原文链接:https://blog.csdn.net/weixin_43233914/article/details/86089853

支付宝打赏支付宝打赏 微信打赏微信打赏

如果文章或资源对您有帮助,欢迎打赏作者。一路走来,感谢有您!

标签: none

JQuery 获取选中多选框的value,合并成字符串传给后台