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

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

1.HTML部分

<div class="form" id="form">
<label>

<input type="checkbox" name="role" value="管理员1">
管理员1

</label>
<label>

<input type="checkbox" name="role" value="管理员2">
管理员2

</label>
<label>

<input type="checkbox" name="role" value="管理员3">
管理员3

</label>




<button class="submit">提交</button>
</div>

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,合并成字符串传给后台