关闭

常用JQUERY操作总结

标签: javascriptjquery表单
272人阅读 评论(0) 收藏 举报
分类:
【复选框操作】
<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
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

jquery常用方法总结

取值与赋值操作$("#ID").val(); //取value值 $("#ID").val("xxx"); //赋值 $("#ID").text(); //相当于取innerText $("#ID")...
  • tiana0
  • tiana0
  • 2017-01-14 17:12
  • 1749

Eclipse常用操作总结

Eclipse工作空间的基本配置 A:程序的编译和运行的环境配置(一般不改) window – Preferences – Java 编译环境:Compiler 默认选中的就是最高版本。 运行环境:...
  • liu_wenbin
  • liu_wenbin
  • 2017-01-19 17:42
  • 1965

【BOM操作】JavaScript中的event对象之总结

Event属性和方法:  1. type:事件的类型,如onlick中的click;  2. srcElement/target:事件源,就是发生事件的元素;  3. button:...
  • itpinpai
  • itpinpai
  • 2015-08-08 12:32
  • 1102

jquery操作字符串常用方法总结及工作代码

1.javascript数组用法 方法 描述 FF IE concat() 连接两个或更多的数组,并返回结果。 1 4 join() 把数组的所有元素放...
  • woshifeixingzhuiyue
  • woshifeixingzhuiyue
  • 2013-09-24 11:45
  • 43832

jquery操作字符串常用方法总结及工作代码

1.javascript数组用法 方法 描述 FF IE concat() 连接两个或更多的数组,并返回结果。 1 4 join() 把数组的所有元素放...
  • slqgenius
  • slqgenius
  • 2016-08-26 21:11
  • 240

常用Jquery操作总结

【复选框操作】"checkbox" id="checkbox_id01" name="checkbox_id" value ="需要代买蔬菜"/>需要代买蔬菜"checkbo...
  • u013475360
  • u013475360
  • 2016-11-28 13:57
  • 82

【js与jquery】jquery常用表单操作总结

先给一个例子: 假设在一个表单中有一个按钮id="save" $(document).ready(function(){      $("#save").click(function(){  ...
  • yanhui_wei
  • yanhui_wei
  • 2012-09-15 17:27
  • 919

jquery常用的表单操作很全很详细.rtf

  • 2012-03-21 11:36
  • 23KB
  • 下载

常用操作的jquery插件,很好用!(返回顶部、拖动......)

  • 2014-12-11 20:59
  • 10KB
  • 下载

汇总常用的jQuery操作Table tr td方法

鼠标移动行变色 奇偶行不同颜色 隐藏一行 隐藏一列 删除一行 删除一列 得到设置某个单元格的值 插入一行 9获取每一行指定的单元格的值 10全选或全不选 11客户端动态添加行删除行 虽然...
  • timo1160139211
  • timo1160139211
  • 4天前 13:09
  • 21
    个人资料
    • 访问:137883次
    • 积分:3212
    • 等级:
    • 排名:第12302名
    • 原创:193篇
    • 转载:23篇
    • 译文:0篇
    • 评论:6条