前端开发（个人笔记）【更新中。。。。】

JQery

1、input的单选框取值和赋值方法

 <div class="layui-input-inline">
    <input type="radio" lay-filter="raQT" name="typeId" value="1" title="正常" checked >
    <input type="radio" lay-filter="raQT" name="typeId" value="2" title="补充">
 </div>

//获取、、
var redioValue = $("input[name='typeId']:checked").val();

//赋值
$("input[name='typeId'][value='1']").prop("checked",true);

2、移除style的属性

<button id="cgsButton" style="background-color: #009688;display: none" type="button">车购税</button>
 
//移除某个属性，例如display
$('#cgsButton').css('display', '');

//移除整个style
$("#cgsButton").removeAttr("style","");

2、清空select下拉列表

//清空下拉框sel_cjry中的值
$('#sel_cjry option').remove();

//清空所有下拉框中的值
$('#select option').remove();

Layui

1、tips提示框

 layer.tips("要提示的信息", '#nsrsbh', {
    
    tips: [1, '#ff4c4c']});
 //#nsrsbh  id
 //{tips: [1, '#ff4c4c']} tips设计，1在下方展示，另一个参数为颜色

2、表单中的Switch按钮的使用

 <input type="checkbox" checked lay-skin="switch" lay-filter="switchTest" lay-text="ON|OFF">

//监听事件switchTest
form.on('switch(switchTest)', function(data){
    
    
        layer.msg('开关checked：'+ (this.checked ? true : false), {
    
    
            offset: '6px'
        });
    });

3、表单刷新 / 单个select刷新 / form.render()的使用

//表单
<form class="layui-form toolbar" id="cxtjForm" lay-filter="formfilter">
	 <div class="layui-inline">
        <label class="layui-form-label">分类机构：</label>
        <div class="layui-input-inline">
        	<input type="text" id="sel_fljg" name="swjgDm" class="layui-input">
    	</div>
    </div>
	<div class="layui-inline layui-form" lay-filter="flrfilter">
		<label class="layui-form-label">分类人：</label>
		<div class="layui-input-inline">
			<select id="sel_flr" name="czryDm" placeholder="分类人" lay-verType="tips"/>
		</div>
	</div>
</form>

//刷新表单全部
form.render();

//刷新表单全部select
form.render('select');
或
form.render('select','formfilter');   //class="layui-form" 和 lay-filter="formfilter"都要有

//刷新表单中某个select
form.render('select','flrfilter');   //给所在div的class添加"layui-form",再添加监听lay-filter="flrfilter"即可