val方法读取，设置值_$.val 设值

作者：AllinToyou | 2024-02-18 21:32:04

踩

$.val 设值

1.单击按钮使得单选下拉列表2号被选中
$("input.eq(0)").click(function(){
$("#one").val("2号");
});
2.单击按钮使得多选下拉列表2号和5号被选中
$("input.eq(1)").click(function(){
$("#many").val(["2号","5号"]);
});
3.单击按钮使得复选框2号和4号被选中
$("input.eq(2)").click(function(){
$("input[type=checkbox][name=c]").val(["check2","check4"]);
});
4.单击按钮使得单选框“单选2”被选中
$("input.eq(2)").click(function(){
$("input[name=r]").val(["radio2"]);
});
5.打印下拉列表选中的值
$("input:eq(4)").click(function(){
$("select option:selected").each(index,domEle){
alert($(this).text());
}
6.打印check的值
$("input:eq(5)").click(function(){
$("input:checked").each(index,domEle){
alert($(this).text());
}
});
7.如果点击客户管理，客户管理对应的复选框处于选中状态，则客服拜访，联系人列表，联系记录列表，客户查重设置四个选项对应的复选框处于选中状态；如果点击客户管理，客户管理对应的复选框处于没有选中状态，则客服拜访，联系人列表，联系记录列表，客户查询四个选项对应的复选框处于没有选中状态；
如果点击这四项中的一个：
如果四项都没有被选中，客户管理也没有被选中，四项中有一项被选中，则客户管理被选中；
如果四项没被选中，客户管理是被选中的，则当前项被选中
删除四项中的选中，遍历四项选中状态，如果四项中有一个被选中，则客户管理被选中；
删除四项的选中，遍历四项选中状态，如果四项都没有被选中，则客户管理不被选中；
function SelectAllBox(){
$("input[type=checkbox]").attr("checked","checked");
}
function UnSelectAllBox(){
$("input[type=checkbox]").attr("checked",null);
}
function goSelect(id){
var arrayValue=id.split("_");
var superId=arrayValue+"_"+arrayValue;
//子类复选框
if(arrayValue[0]!=arrayValue[1]){
//如果点击子类复选框，则父类复选框处于选中(jQuery->jQuery对象后添加[0])
if($("#"+id)[0].checked){
$("#"+superId).attr("checked","checked");
}else{
//如果取消子类复选框，则遍历子类的复选框
//如果子类复选框没有被选中，则取消父类复选框
//如果子类复选框有被选中，……不作用
var flag=false;
var $child=$("input[type=checkbox][id^=+arrayValue[0]+"]:not([id$="+arrayValue[0]+])");
$child.each(function(){
if(this.checked){
flag=true;
return;
}
if(!flag){
$("#"+superId).attr("checked",null);
}
}
}
//父类的复选框
if(arrayValue[0]==arrayValue[1]){
//dom对象
if($("#"+id[0]).checked){
$("input[type=checkbox][id^="+arrayValue[0]+"]").attr("checked","checked");
}else{
$("input[type=checkbox][id^="+arrayValue[0]+"]").attr("checked","checked");
}
}
8.设计思想：主复选框id:左部分,左部分分支复选框id：左部分，右部分

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/AllinToyou/article/detail/110701