常用Jquery操作总结
来源:互联网 发布:凸优化 公开课 编辑:程序博客网 时间:2024/06/05 11:04
【复选框操作】
<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='width: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='width:100px'><option>住家保姆</option><option>不住家保姆</option><option>老人陪护</option><option>病人陪护</option></select>"
);
}
if
(values ==
"育儿"
) {
$(
"#service_sml"
).empty();
$(
"#service_sml"
).append(
"<select style='width:100px'><option>月嫂</option><option>育儿嫂</option><option>产妇医院陪护</option></select>"
);
}
});
});
//下拉框重新定位到默认的选项上,selectedIndex = 0 为第一项值
$(
'#option_id'
)[0].selectedIndex = 0;
0 0
- 常用JQUERY操作总结
- 常用Jquery操作总结
- 【js与jquery】jquery常用表单操作总结
- jQuery常见操作实现和常用函数方法总结
- jquery操作字符串常用方法总结及工作代码
- jQuery常见操作实现和常用函数方法总结
- jquery操作字符串常用方法总结及工作代码
- jquery常用操作
- jquery常用操作
- jQuery表单常用操作
- jQuery表单常用操作
- jQuery常用操作
- jquery常用操作
- jquery 常用操作
- jQuery表单常用操作
- jQuery常用操作
- Jquery 常用操作
- jQuery常用操作
- myeclipse 8.5-10.0 安装 svn 方法
- SVN使用&CVS使用
- 超越最常用的快捷键
- FutureTask获取线程返回值
- myeclipse快捷键大全
- 常用Jquery操作总结
- Java程序员应该了解的10个面向对象设计原则
- redis 常见指令操作
- JAVA加减日期
- Java基础-Java中的Calendar和Date类
- struts2上传多文件
- 对VC初学者的益言
- struts2上传多文件(b)
- 【转载】FckEditor 2.6.3 for Java 2.4 配置