前面layui + js一些技巧

layui switch開關在js中傳值

  //監聽指定開關
	  var sele = -1;  //先給這個變量一個初始值
	  form.on('switch', function(data){
	   /*layer.msg('checked：'+ (this.checked ? '1':'0'), {
	      offset: '6px'
	    });*/
	    layer.tips('選擇的是'+(this.checked?'多選':'單選'), data.othis)//小提示
	   sele = this.checked?'1':'0'; //將選擇的是單選還是多選的值賦給一個變量,
	  });

這個變量在下面就可以用了

　　

當時layui提交頁面的js寫法

$(function(){
	 var form = layui.form
	  ,layer = layui.layer
	  ,laydate = layui.laydate;
	  form.render();//刷新所有的元素;
	  
	  //日期
	  laydate.render({
	    elem: '#date'
	  });
	 
	  //自定義驗證規則
	  form.verify({
	    title: function(value){
	      if(value.length < 4){
	        return '標題至少得4個字符啊';
	      }
	    }
	    ,content: function(value){
	      layedit.sync(editIndex);
	    }
	  });
	  
	  //監聽指定開關
	  var sele = -1;  //先給這個變量一個初始值
	  form.on('switch', function(data){
	   /*layer.msg('checked：'+ (this.checked ? '1':'0'), {
	      offset: '6px'
	    });*/
	    layer.tips('選擇的是'+(this.checked?'多選':'單選'), data.othis)//小提示
	   sele = this.checked?'1':'0'; //將選擇的是單選還是多選的值賦給一個變量,
	  });
	  
	  /*新添加一個input的方法 start */
	  var count = 1;  //為區分id而存在
	  $('#addinput').on('click', function(){
		var dd = new Date();
	  	var content= "<div class='layui-input-inline' id='options"+count+"' style='width:300px;margin-top:5px;'>"+
	     " <input type='text' name='options' lay-verify='required' autocomplete='off' "+
	      "placeholder='請輸入您需要投票的選項' class='layui-input joinInp' ></div>"+
	    "<div class='layui-input-inline' id='deldiv"+count+"' style='width:30px;' onclick='deleThis(\"options"+count+"\", this.id)'>"+
	    "<a class='layui-btn layui-btn-sm' id='delbut"+count+"'><i class='layui-icon'></i></a></div>";
	  	count++;
	  	$('#inp').append(content);
	  	layui.form.render();
	//onclick='deleThis('options"+count+"','deldiv"+count+"'
	  });
	  /*新添加一個input的方法 end */
	  
	  
	  //監聽提交,執行的方法
	  form.on('submit(demo1)', function(data){
		  
	    /*layer.alert(JSON.stringify(data.field), {
	      title: '最終的提交信息'
	    })//參數全部接收到了
*/	   
		  //轉換字符串為日期類型
			var str =data.field.enddate;
			str = str.replace(/-/g,"/");
			var date = new Date(str);
			//console.log(data.field.organiser);
			/*console.log(user);*/
			
		//發起投票內容發送到后台的ajax
		//	debugger;
			var a = $(".joinInp");//獲取選項輸入框
			var joinInpu = "";
			for(var i = 0;i< a.length;i++) {
				joinInpu += a.eq(i).val();//獲取選項輸入框的內容,拼接起來
				if(i !=a.length-1 ){
					joinInpu +=",";
				}
			}
		 $.ajax({
				type:"post",
				url:"/IPMS/Ballotitle/upDate.do",
				data:{
					organiser:data.field.organiser,
					title:data.field.title,
					enddate:date,
					selectiontype:sele,
					// options:data.field.options
					options:joinInpu
				},
				dataType:"json",
				success:function(data) {
					if(data.success) {
						layer.alert('數據提交成功!'); 
						this.layer.close(); //執行關閉
				} else {
						layer.alert('看來是出了點小問題,稍后解決一下吧~'); 
					}
				},
				error:function() {
					layer.msg('數據異常,請聯系管理員!', {
				        time: 10000, //10s后自動關閉
				        btn: ['知道啦']
					    ,btnAlign: 'c'
				      });
				}   
			});
		 parent.layer.close(); //執行關閉
	    return false;
	  });
	  
	  //提交后關閉窗口
	 /* var index = parent.layer.getFrameIndex(window.name); //獲取當前窗體索引
	  $('#demo1').on('click', function(){
	      parent.layer.close(index); //執行關閉
	  });*/

});


//將fn放到最外面的才可以好好地執行
function deleThis(deleid1,deleid2){
	  $("#"+deleid1).remove();
	  $("#"+deleid2).remove();
}