• 常用Jquery操作总结


    【复选框操作】
    <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;
  • 相关阅读:
    ecmall挂件开发实例二(转)
    ecmall 挂件开发实例一
    ecmall公告挂件分析(转)--此挂件写法已有更新的写法。
    centos下svn的主要常用命令(解决商城系统添加的文件无法自动更新至svn服务器)
    lbypmall虚拟主机的设置
    解决EditPlus的默认编码方式有关问题(转)
    php mysql 字符集(三) (转)
    php mysql apache字符集(二) (转)
    php mysql apache 的字符集
    Android学习笔记——文件路径(/mnt/sdcard/...)、Uri(content://media/external/...)学习
  • 原文地址:https://www.cnblogs.com/toge/p/6114665.html
Copyright © 2020-2023  润新知