jquery根据选择器进⾏页⾯赋值,封装赋值⽅法
可以进⾏⽂本框赋值,⽂本域赋值,下拉列表赋值,单选框赋值,多选框赋值,
传⼊对象,可以根据元素name进⾏⽐对赋值,不⽤每个进⾏单独赋值
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>springboot</title>
<script type="text/javascript" src="../js/jquery.min.js"></script>
</head>
jquery怎么进行验证<body>
<div id="test">
<input type="text" name="a"/>
<input name="b" value="1" type="radio"/>
<input name="b" value="2" type="radio"/>
<input name="b" value="3" type="radio"/>
<input name="c" type="checkbox" value="1"/>
<input name="c" type="checkbox" value="2"/>
<input name="c" type="checkbox" value="3"/>
<textarea name="d"></textarea>
<select name="e">
<option>1</option>
<option>2</option>
<option>3</option>
</select>
</div>
<script>
let data={
a:"123",
b:"2",
c:['1','2'],
d:"1236",
e:"2"
}
test2("#test",data);
function test2(args,data){
$(args+" input[type='text']").each(function () {
let tags= $(this).attr("name");
let val=data[tags];
$("input[name="+tags+"]").val(val);
})
$(args+" input[type='radio']").each(function () {
let tags= $(this).attr("name");
let val=data[tags];
$("input[name="+tags+"]").each(function () {
let val2=$(this).val()
if(val==val2){
$(this).prop( "checked",true);
}
})
})
$(args+" input[type='checkbox']").each(function () { let tags= $(this).attr("name");
let val=data[tags];
console.log(val);
$("input[name="+tags+"]").each(function () {
let val2=$(this).val();
if(val.indexOf(val2)>=0){
$(this).attr("checked",true);
}
})
})
$(args+" textarea").each(function () {
let tags= $(this).attr("name");
let val=data[tags];
$("textarea[name="+tags+"]").val(val);
})
$(args+" select").each(function () {
let tags= $(this).attr("name");
let val=data[tags];
$("select[name="+tags+"]").val(val);
})
}
</script>
</body>
</html>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论