layui 取得checkbox复选/多选选中的值(多个值)

最新推荐文章于 2024-08-08 07:24:14 发布

我是高手高手高高手

最新推荐文章于 2024-08-08 07:24:14 发布

阅读量1.1w

点赞数 2

分类专栏： layui插件文章标签： layui javascript ecmascript

本文链接：https://blog.csdn.net/haibo0668/article/details/88102525

版权

layui插件专栏收录该内容

86 篇文章 6 订阅

订阅专栏

方法一：

        	function get_data(idname){
        		 var classid = ''; 
				    	$("#"+idname+" .layui-form-checkbox").each(function(){
								var _taht = $(this);
				    		if(_taht.is(".layui-form-checked")){ 
				    			classid += _taht.prev("input").val()+','; 
				    		}
				    	});
				    	
				    	classid = classid.slice(0,classid.length-1);
				   
				    	if(classid.length == 0){
				    		  classid = ''; 
				    	}
				    	//console.log(classid)
				    	return classid;
        	}

var calssname_id=get_data('calssname');

calssname：是包多选的id

方法二：

layui.use('form', function(){
  var form = layui.form,
  $ = layui.$;
  //各种基于事件的操作。
 
  form.on('submit(*)', function(data){
    //将页面全部复选框选中的值拼接到一个数组中
    var arr_box = [];
    $('input[type=checkbox]:checked').each(function() {
      arr_box.push($(this).val());
    });
    //数组
    console.log(arr_box);
    // ["董先生的CSDN"]
    return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
  });
 
});

参考：layui获取checkbox复选框值 - sirdong - 博客园