此文章為批量獲取。

單個獲取示例在https://blog.csdn.net/wybshyy/article/details/106743910

?

HTML代碼

<form class="layui-form"><div class="layui-form-item"><label class="layui-form-label">復選框</label><div class="layui-input-block"><input type="checkbox" name="like" value="1" title="寫作"><input type="checkbox" name="like" value="2" title="閱讀" ><input type="checkbox" name="like" value="3" lay-skin="primary" title="發呆"></div></div><div class="layui-form-item"><div class="layui-input-block"><button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button><button type="reset" class="layui-btn layui-btn-primary">重置</button></div></div> </form>

JS代碼

<script>layui.use('form', function(){var form = layui.form;form.on('submit(formDemo)', function(data){//獲取checkbox[name='like']的值var arr = new Array();$("input:checkbox[name='like']:checked").each(function(i){arr[i] = $(this).val();});data.field.like = arr.join(",");//將數組合并成字符串$.post("admin.php", {data:data.field}, function (res) {if (res.code == 1) {layer.msg(res.msg, {time: 1800, icon: 1}, function () {location.href = res.url;});} else {layer.msg(res.msg, {time: 1800, icon: 2});}}, 'json');return false;});}); </script>

?

?

?

總結

以上是生活随笔為你收集整理的layui批量获取复选框的值的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。