zoukankan
html css js c++ java
创建控件并关联事件
function CreateProductModule(obj)
{
var SelectProductModule
=
$(
"
HidSelectProductModule
"
);
if
(obj.
checked
)
{
if
(SelectProductModule.value.indexOf(obj.value)
==
-
1
)
{
var cb
=
createCheckbox(obj.value,
"
SelectProduct
"
);
var span
=
document.createElement(
"
span
"
);
var div
=
document.createElement(
"
DIV
"
);
span.innerHTML
=
obj.value;
div.className
=
"
product
"
;
div.appendChild(cb);div.appendChild(span);$(
"
ProductType
"
).appendChild(div);
cb.
checked
=
true
;
SelectProductModule.value
+=
SelectProductModule.value
==
""
?
obj.value:
"
,
"
+
obj.value;
}
}
else
{
var Selpm
=
SelectProductModule.value.split(
"
,
"
);
$(
"
ProductType
"
).innerHTML
=
""
;
SelectProductModule.value
=
""
;
for
(var i
=
0
;i
<
Selpm.length;i
++
)
{
if
(Selpm[i]
!=
obj.value)
{
var cb
=
createCheckbox(Selpm[i],
"
SelectProduct
"
);
var span
=
document.createElement(
"
span
"
);
var div
=
document.createElement(
"
DIV
"
);
span.innerHTML
=
Selpm[i];
div.className
=
"
product
"
;
div.appendChild(cb);div.appendChild(span);$(
"
ProductType
"
).appendChild(div);
cb.
checked
=
true
;
SelectProductModule.value
+=
SelectProductModule.value
==
""
?
Selpm[i]:
"
,
"
+
Selpm[i];
}
}
}
}
//
机型
function SetProModelOption(brand)
{
if
(brand
==
"
请选择
"
)
$(
"
PolicyInfo
"
).value
=
userArea;
else
$(
"
PolicyInfo
"
).value
=
userArea
+
"
_
"
+
brand;
$(
"
SelectProductType
"
).innerHTML
=
""
;
var fn
=
function()
{
CreateProductModule(
this
);
}
var res
=
MakePolicy.GetProductModelByUser(brand);
var promodel
=
MakePolicy.GetModelByAreaAndBrandAndState(brand);
if
(res.value
!=
null
)
{
for
(var i
=
0
; i
<
res.value.length; i
++
)
{
for
(var j
=
0
;j
<
promodel.value.length;j
++
)
{
if
(res.value[i].ProductModel
==
promodel.value[j].ProductModel)
{
var cb
=
createCheckbox(res.value[i].ProductModel,
"
SelectProduct
"
);
cb.onclick
=
fn;
var span
=
document.createElement(
"
span
"
);
var div
=
document.createElement(
"
DIV
"
);
span.innerHTML
=
res.value[i].ProductModel;
div.className
=
"
product
"
;
div.appendChild(cb);div.appendChild(span);$(
"
SelectProductType
"
).appendChild(div);
break
;
}
}
}
}
}
以上代码作用是:用户选择一个手机品牌后构造手机机型的多选列表并使复选框关联到一个方法,这个方法来添加或删除不同品牌下选中的多个机型.
查看全文
相关阅读:
201871010113-刘兴瑞 实验二 个人项目—《背包问题》项目报告
201871010113-刘兴瑞 实验一 软件工程准备—初识软件工程
201871010113-刘兴瑞《面向对象程序设计(java)》课程学习总结
201871010113-刘兴瑞《面向对象程序设计(java)》第十七周学习总结
201871010113-刘兴瑞《面向对象程序设计(java)》第十六周学习总结
201871010113-刘兴瑞《面向对象程序设计(java)》第十五周学习总结
201871010113-刘兴瑞《面向对象程序设计(java)》第十四周学习总结
201871010113-刘兴瑞《面向对象程序设计(java)》第十三周学习总结
《2019面向对象程序设计(java)课程学习进度条》
201871010114-李岩松 实验四 团队作业1:软件研发团队组建(个人博客)
原文地址:https://www.cnblogs.com/tommyli/p/942640.html
最新文章
201871010111-刘佳华 实验一 软件工程准备—准备工作
Android 比较好看的注册登录界面
201871010111-刘佳华《面向对象程序设计(java)》第十七周学习总结
201871010111-刘佳华《面向对象程序设计(java)》课程学习总结
201871010111-刘佳华《面向对象程序设计(java)》第十六周学习总结
201871010111-刘佳华《面向对象程序设计(java)》第十五周学习总结
《2019面向对象程序设计(java)课程学习进度条》
201871010112_梁丽珍 实验四 团队作业1:软件研发团队组建
201871010112-梁丽珍 实验三 结对项目—《D{0-1}KP 实例数据集算法实验平台》项目报告
201871010112-梁丽珍 实验二 个人项目—《背包问题》项目报告
热门文章
201871010112-梁丽珍 实验一 软件工程准备—初始软件工程
201871010112-梁丽珍《面向对象程序设计(java)》课程学习总结
201871010112-梁丽珍《面向对象程序设计(java)》第十七周学习总结
201871010112-梁丽珍《面向对象程序设计(java)》第十六周学习总结
201871010112-梁丽珍《面向对象程序设计(java)》第十五周学习总结
201871010112-梁丽珍《面向对象程序设计(java)》第十四周学习总结
201871010112-梁丽珍《面向对象程序设计(java)》第十三周学习总结
《2019面向对象程序设计(java)课程学习进度条》
201871010113-刘兴瑞 实验四 团队作业1:软件研发团队组建
201871010113-刘兴瑞 实验三 结对项目—《D{0-1}KP 实例数据集算法实验平台》项目报告
Copyright © 2011-2022 走看看