如何做亚马逊国外网站,金种子酒业网站建设,广州微信网站建设公司,建设部法律法规网站关于js的一些常用小知识点1、获取页面中所有选中的CheckBox复选框的值2、js获取网页URL中所带的参数3、js模拟点击button4、前端传入后台list#xff0c;后台是不能接收List的#xff0c;就需要传的时候转化一下#xff0c;把list转成String#xff0c;后台用一个String型接…
关于js的一些常用小知识点1、获取页面中所有选中的CheckBox复选框的值2、js获取网页URL中所带的参数3、js模拟点击button4、前端传入后台list后台是不能接收List的就需要传的时候转化一下把list转成String后台用一个String型接收就可以了5、监听CheckBox6、获取radio的值7、document.querySelectorAll一些用法8、hasClassaddClassclassList.remove()classList.add()1、获取页面中所有选中的CheckBox复选框的值
var obj document.getElementsByName(checkbox1);
var check_val ;
for (var i 0; i obj.length; i) {if (obj[i].checked) {check_val obj[i].value , check_val;}
}
console.info(check_val);2、js获取网页URL中所带的参数
如http://127.0.0.1:1110/move-check/ms/lookScoreSum.html?projectId5c307e118b88988leader2 我们的这个路径带了我们需要的参数projectId 和leader
var projectId getQueryString(projectId);
var leader getQueryString(leader);3、js模拟点击button
document.getElementById(id).click();4、前端传入后台list后台是不能接收List的就需要传的时候转化一下把list转成String后台用一个String型接收就可以了
http({data: {contentList:JSON.stringify(contentList)},url: ,type: post,dataType: json,async: true,success: function(data) {}
})5、监听CheckBox
//监听CheckBox
$(document).on(change,#checkbox2,function(){if ($(this).is(:checked)) {//这里写选中的时候我们需要做什么}else{//这里写取消选中的时候我们需要做什么}
})6、获取radio的值
var value $(input[nameradio1]:checked).val();
//下面这个是获取这个radio中藏的其他值因为有时候一个值不够用
var institutionsId $(input[nameradio1]:checked).attr(data_institutionsId);//HTML是这样的,这里说一下data-data_institutionsId 的用法是vue的用法
input nameradio1 typeradio :data_institutionsIdexpert.institutionsId :valueexpert.id7、document.querySelectorAll一些用法
//这个方法返回的是NodeList 对象。// 获取文档中所有的 p 元素
var x document.querySelectorAll(p); // 获取文档中所有 classexample 的 p 元素
var x document.querySelectorAll(p.example);
// 设置 classexample 的第一个 p 元素的背景颜色
x[0].style.backgroundColor red;// 获取文档中 classexample 的所有元素
var x document.querySelectorAll(.example);// 获取文档中 idexample 的所有元素
var x document.querySelectorAll(#example)// 获取页面中所有的Checkbox节点
var x document.querySelectorAll([typecheckbox]);// 获取页面中id为thisOne下面所有的Checkbox节点
var x document.querySelectorAll(#thisOne [typecheckbox]);//计算文档中 classexample 的元素的数量使用 NodeList 对象的 length 属性:
var x document.querySelectorAll(.example).length;//查找文档中共包含 target 属性的 a 标签
var x document.querySelectorAll(a[target]);//给文档中所有的 h2, div 和 span 元素设置背景颜色
var x document.querySelectorAll(h2, div, span);8、hasClassaddClassclassList.remove()classList.add()
//hasClass用来判断某个元素是否含有某个 class样式
//检查第一个 p 元素是否包含 intro 类
$(p:first).hasClass(intro)
//举例找到页面中所有class名字为expCheck的元素然后循环这些元素
//判断如果当前元素含有layui-form-checked这个class就做一些操作
var list document.getElementsByClassName(expCheck);
for (var i 0; i brr.length; i) {if ($(list[i]).hasClass(layui-form-checked)) {//写你要做的操作//我这里是给他添加abc 这个class$(list[i]).addClass(abc);//还可以这样写这个是添加$(list[i]).classList.add(abc);//这个是删除$(list[i]).classList.remove(abc);}
}
暂时就写这么多持续更新写这个就是防止以后忘记导致每次都要去搜
