【复选框操作】
<input type=
"checkbox"
id=
"checkbox_id01"
name=
"checkbox_id"
value =
"需要代买蔬菜"
/>需要代买蔬菜
<input type=
"checkbox"
id=
"checkbox_id02"
name=
"checkbox_id"
value =
"需要清洗餐具"
/>需要清洗餐具
1)改变选中checkbox时执行
$(
'#checkbox_id'
).change(
function
() {
exe_function();
//函数
});
$(
'#checkbox_id'
).click(
function
() {
exe_function();
//函数
});
2)循环取所有的checkbox的值
$(
'input[name="checkbox_id"]:checked'
).each(
function
() {
if
($(
this
).val() ==
"需要代买蔬菜"
) {
sother_price1 = 50;
}
if
($(
this
).val() ==
"需要清洗餐具"
) {
sother_price2 = 50;
}
});
【单选按钮操作】
$(
"input:radio[@name='radio_id']"
).change(
function
() {
//改变选择时执行代码
}
【输入框操作】
1)失去焦点
$(
'#input_id'
).blur(
function
() {
//执行代码
});
2)取值/赋值
$(
'#input_id'
).val();
$(
'#input_id'
).val(
"xxx"
);
【下拉框操作】
//服务大类和小类选择列表
$(document).ready(
function
(){
$(
"#service_sml"
).append(
"<select style='100px' name='service_smlTB'><option>住家保姆</option><option>不住家保姆</option><option>老人陪护</option><option>病人陪护</option></select>"
);
$(
"#service_big"
).change(
function
() {
var
values = $(
this
).val();
if
(values ==
"保姆"
) {
$(
"#service_sml"
).empty();
$(
"#service_sml"
).append(
"<select style='100px'><option>住家保姆</option><option>不住家保姆</option><option>老人陪护</option><option>病人陪护</option></select>"
);
}
if
(values ==
"育儿"
) {
$(
"#service_sml"
).empty();
$(
"#service_sml"
).append(
"<select style='100px'><option>月嫂</option><option>育儿嫂</option><option>产妇医院陪护</option></select>"
);
}
});
});
//下拉框重新定位到默认的选项上,selectedIndex = 0 为第一项值
$(
'#option_id'
)[0].selectedIndex = 0;