JQuery 常用命令总结

最新推荐文章于 2022-09-27 13:35:11 发布
最新推荐文章于 2022-09-27 13:35:11 发布
阅读量227 收藏
点赞数
分类专栏： easyui js
js 同时被 2 个专栏收录
10 篇文章 0 订阅
订阅专栏
easyui
3 篇文章 0 订阅
订阅专栏

下面介绍在jQuery中设置form表单中action的值的方法。

$("#myFormId").attr("action", "userinfo.shtml");

【注意】：$("#myFormId").action="XXX";  这种写法是不起作用的! jQuery中设置form表单中action值的方法


判断复选框是否选择，选择后设置文本框不可用
$("#longDate").click(function(){
 var checkedObj = $('input:checkbox[name="longDate"]:checked').val();
 if("1"==checkedObj){
  alert(1);
  $('#lineLimitStartDate').attr('disabled','disabled');
  $('#lineLimitStartDate').attr('disabled','disabled');
 }   
});

下面介绍在jQuery中设置form表单中action的值的方法。
单选按钮选中
$("input[type=radio]").get(3).checked = true;//设置value=3的项目为当前选中项

在这里直接给出 jQuery 获取 radio 选中后的文本的方法，如下：

$("input[name='sex']:checked")[0].nextSibling.nodeValue

/*获取一组名为(items)的radio被选中项的值*/ 
var item = $('input[id=linkId]:checked').val();//若未被选中 则val() = undefined

获取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();
var cityName = $("select[name=fromCityCode]").find("option:selected").text();
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$('input[@name=items]').get(1).checked = true;
获取值：
文本框，文本区域：$("#txt").attr("value")；
多选框checkbox：$("#checkbox_id").attr("value")；
单选组radio：   $("input[@type=radio][@checked]").val();
下拉框select： $('#sel').val();
控制表单元素：
文本框，文本区域：$("#txt").attr("value",'');//清空内容
                 $("#txt").attr("value",'11');//填充内容
多选框checkbox： $("#chk1").attr("checked",'');//不打勾
                 $("#chk2").attr("checked",true);//打勾
                 if($("#chk1").attr('checked')==undefined) //判断是否已经打勾
单选组radio：     $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
下拉框select：   $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
                 $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
                 $("#sel").empty()；//清空下拉框

单选框：

<label><input type="radio" name="radio" id="radio1" value="1" /> 25岁以下</label>

<label><input type="radio" name="radio" id="radio2" value="2" /> 25~35岁</label>

<label><input type="radio" name="radio" id="radio3" value="3" /> 35~50岁</label>

<label><input type="radio" name="radio" id="radio4" value="4" /> 50岁以上</label>

获值

var question1 = $('input:radio[name="radio"]:checked').val();

alter(question1);

 

复选框：

<label><input type="radio" name="radio2" id="radio21" value="1" /> 私募股权（PE）</label>

<label><input type="radio" name="radio2" id="radio22" value="2" /> 基金</label>

<label><input type="radio" name="radio2" id="radio23" value="3" /> 信托</label>

<label><input type="radio" name="radio2" id="radio24" value="4" /> 其他</label>

获值

var checkedObj = $('input:checkbox[name="checkbox"]:checked'); //获取当前checked的value值 如果选中多个则循环

checkedObj.each(function() { var isCheck = this.value; question3 += isCheck; });

jQuery 获取 radio 选中后的文字
首先，他给出的 HTML 示例如下：

<input type="radio" id="male" name="sex" value="1" />男
<input type="radio" id="female" name="sex" value="2" />女

在这里直接给出 jQuery 获取 radio 选中后的文本的方法，如下：

$("input[name='sex']:checked")[0].nextSibling.nodeValue

方法将 jQuery 对象转换为 DOM 对象后，再使用原生的 javascript 方法获取文本。在我回复朋友前，他通过在 radio 后添加 span 标记来解决这个问题：

<input type="radio" id="male" name="sex" value="1" /><span>男</span>

接来下获取时使用 next() 选择器，如下：

$("input[name='sex']:checked").next("span").text()

问题看似到这里就结束了，其实不然，这并不是好的用户体验。好的做法应该为 radio 添加 for 标记，这样在点击 radio 文本"男"或"女"的时候也能选中 radio，这比让用户点击一个小圆圈容易多了。所以最好的 HTML 标记应该如下：

<input type="radio" id="male" name="sex" value="1" />
<label for="male">男</label>
<input type="radio" id="female" name="sex" value="2" />
<label for="female">女</label>

最后获取 radio 选中后的文本我相信你已经会了，如下：

$("input[name='sex']:checked").next("label").text()

这样使用 jQuery 成功获取了 radio 选中后的文本，这里主要是指最后一个方法。本篇内容虽然简单，但着重说明了一个道理——细节决定成败！

jquery 邮箱 手机号码 用户名验证正则表达式

本文章从网上收藏了一个利用jquery来验证邮箱地址合法性，手机号码验证包括所有手机号码都可以验证哦，最的验证用户名只允许是字符数字下划线以及@符号。

     var name = $('#regemail').val();
     var search_str = /^[w-.]+@[w-.]+(.w+)+$/;
     if(!search_str.test(name)){
      alert("邮箱不合法！");
      $("#regemail").val('');
      $("#regemail").focus();
      return false;
     }
 setInterval(fromCity,500);
   
    function fromCity(){
     //取车城市
     $('#fromCityCode').change(function(){
  //alert($(this).children('option:selected').val());
  var p1=$(this).children('option:selected').val();//这就是selected的值
  $('#toCityCode').val(p1);
  $('#toCityCode').change();
  });
  //取车门店
  $('#fromLocationId').change(function(){
  var p2=$(this).children('option:selected').val();
  $('#toLocationId').val(p2);
  });
    }


 

     var mob=$.trim($("#mobile").val());
    
     if($.trim($("#mobile").val())=="")
     {
      alert("手机号码不能为空！");
      return false;
     }
     if($.trim($("#mobile").val())!="")
     {
      var reg = /^(?:13d|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|4|5|6|7|8|9])-?d{5}(d{3}|*{3})$/;
      if(!reg.test($.trim($('#mobile').val())))
      {
       alert("手机号码格式不对！");
       return false;
      }
     }


1。 // 切换效果和添加删除CSS样式
function changeStyle(tabId) {
 if(tabId=="chengke"){
  showDiv('driver');
  hidenDiv('passenger');
  $("#chengke").addClass('bltabs_on');
  $("#siji").removeClass('bltabs_on');
 }else if(tabId=="siji"){
  showDiv('passenger');
  hidenDiv('driver');
  $("#siji").addClass('bltabs_on');
  $("#chengke").removeClass('bltabs_on');
 }
}
2. // 光标进入输入框清空文本框内容
function inputIn(tId){
 var this_val = $.trim($("#"+tId).val());
 if(this_val == '' || this_val == "出发地，行政，交通，商圈" || this_val == "目的地，行政，交通，商圈"){
  $("#"+tId).val('');
 }
}
// 光标离开输入框
function inputOut(tId){
 var this_val = $.trim($("#"+tId).val());
 if(this_val == '' || this_val == "出发地，行政，交通，商圈"){
  $("#"+tId).val('出发地，行政，交通，商圈');
 }else if(this_val == "目的地，行政，交通，商圈"){
  $("#"+tId).val('目的地，行政，交通，商圈');
 }
}
// 根据复选框设置文本框是否可写
 function setTextByBox(bId){
  var box = $("#"+bId);
  
  if(bId=="lineOne"){
   if(box.attr('checked')==true){
    $("#singlePrice").attr("readonly",'');
   }else{
    $("#singlePrice").attr("readonly",'true');
   }
  }
  if(bId=="lineReturn"){
   if(box.attr('checked')==true){
    $("#doublePrice").attr("readonly",'');
   }else{
    $("#doublePrice").attr("readonly",'true');
   }
  }
  if(bId=="lineMonth"){
   if(box.attr('checked')==true){
    $("#monthPrice").attr("readonly",'');
   }else{
    $("#monthPrice").attr("readonly",'true');
   }
  }
 }

javascript转换日期字符串为Date对象
把一个日期字符串如“2007-2-28 10：18：30”转换为Date对象：
1：
1var   strArray=str.split("   ");  
2var   strDate=strArray[0].split("-");  
3var   strTime=strArray[1].split(":");  
4var   a=new   Date(strDate[0],(strDate[1]-parseInt(1)),strDate[2],strTime[0],strTime[1],strTime[2])  

2：
1var   s   =   "2005-12-15   09:41:30";  
2var   d   =   new   Date(Date.parse(s.replace(/-/g,   "/")));  

只能输入数字和小数点的文本框：<input οnkeyup="value=value.replace(/[^\d\.]/g,'')">

jquery获取复选框的值
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
 <html> 
 <head> 
 <mce:style><!--
 
  
 
--></mce:style><style mce_bogus="1"> 
  
 </style> 
 <title>JS获取复选框被选中的值</title> 
 </head> 
 <body> 
 <input type="checkbox" name="test" value="0" />0&nbsp;&nbsp; 
 <input type="checkbox" name="test" value="1" />1&nbsp;&nbsp; 
 <input type="checkbox" name="test" value="2" />2&nbsp;&nbsp; 
 <input type="checkbox" name="test" value="3" />3&nbsp;&nbsp; 
 <input type="checkbox" name="test" value="4" />4&nbsp;&nbsp; 
 <input type="checkbox" name="test" value="5" />5&nbsp;&nbsp; 
 <input type="checkbox" name="test" value="6" />6&nbsp;&nbsp; 
 <input type="checkbox" name="test" value="7" />7&nbsp;&nbsp; 
 <input type="button" οnclick="chk()" value="提  交" /> 
 </body> 
 </html

<mce:script src="jquery.js" mce_src="jquery.js"></mce:script><!--这是载入jquery.js文件，如果不使用jquery可以去掉--> 
<mce:script type="text/javascript"><!--
 
function chk(){ 
  var obj=document.getElementsByName('test');  //选择所有name="'test'"的对象，返回数组 
  //取到对象数组后，我们来循环检测它是不是被选中 
  var s=''; 
  for(var i=0; i<obj.length; i++){ 
    if(obj[i].checked) s+=obj[i].value+',';  //如果选中，将value添加到变量s中 
  } 
  //那么现在来检测s的值就知道选中的复选框的值了 
  alert(s==''?'你还没有选择任何内容！':s); 
} 
 
function jqchk(){  //jquery获取复选框值 
  var chk_value =[]; 
  $('input[name="test"]:checked').each(function(){ 
   chk_value.push($(this).val()); 
  }); 
  alert(chk_value.length==0 ?'你还没有选择任何内容！':chk_value); 
} 
// --></mce:script>

对checkbox的其他几个操作

1. 全选
2. 取消全选
3. 选中所有奇数
4. 反选
5. 获得选中的所有值

js代码
$("document").ready(function(){
$("#btn1").click(function(){
$("[name='checkbox']").attr("checked",'true');//全选
})
$("#btn2").click(function(){
$("[name='checkbox']").removeAttr("checked");//取消全选
})
$("#btn3").click(function(){
$("[name='checkbox']:even").attr("checked",'true');//选中所有奇数
})
$("#btn4").click(function(){
$("[name='checkbox']").each(function(){//反选
if($(this).attr("checked")){
$(this).removeAttr("checked");
}
else{
$(this).attr("checked",'true');
}
})
})
$("#btn5").click(function(){//输出选中的值
var str="";
$("[name='checkbox'][checked]").each(function(){
str+=$(this).val()+"/r/n";
//alert($(this).val());
})
alert(str);
})
})

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>louis-blog >> jQuery 对checkbox的操作</title>
<mce:script type='text/javascript' src="http://leotheme.cn/wp-includes/js/jquery/jquery.js" mce_src="http://leotheme.cn/wp-includes/js/jquery/jquery.js"></mce:script>
<SCRIPT LANGUAGE="JavaScript">
<!--
$("document").ready(function(){
$("#btn1").click(function(){
$("[name='checkbox']").attr("checked",'true');//全选
})
$("#btn2").click(function(){
$("[name='checkbox']").removeAttr("checked");//取消全选
})
$("#btn3").click(function(){
$("[name='checkbox']:even").attr("checked",'true');//选中所有奇数
})
$("#btn4").click(function(){
$("[name='checkbox']").each(function(){//反选
if($(this).attr("checked")){
$(this).removeAttr("checked");
}
else{
$(this).attr("checked",'true');
}
})
})
$("#btn5").click(function(){//输出选中的值
var str="";
$("[name='checkbox'][checked]").each(function(){
str+=$(this).val()+"/r/n";
//alert($(this).val());
})
alert(str);
})
})
-->
</SCRIPT>
</HEAD>
<body style="text-align:center;margin: 0 auto;font-size: 12px;" mce_style="text-align:center;margin: 0 auto;font-size: 12px;">
<div style="border: 1px solid #999; width: 500px; padding: 15px; background: #eee; margin-top: 150px;">
<form name="form1" method="post" action="">
<input type="button" id="btn1" value="全选">
<input type="button" id="btn2" value="取消全选">
<input type="button" id="btn3" value="选中所有奇数">
<input type="button" id="btn4" value="反选">
<input type="button" id="btn5" value="获得选中的所有值">
<br /><br />
<input type="checkbox" name="checkbox" value="checkbox1">
checkbox1
<input type="checkbox" name="checkbox" value="checkbox2">
checkbox2
<input type="checkbox" name="checkbox" value="checkbox3">
checkbox3
<input type="checkbox" name="checkbox" value="checkbox4">
checkbox4
<input type="checkbox" name="checkbox" value="checkbox5">
checkbox5
<input type="checkbox" name="checkbox" value="checkbox6">
checkbox6
</form>
</div>
</body>
</HTML>

$("document").ready(function(){
 /**
  * 线路发布第一步，周期选择
  * YDF at 2012-4-13 11:03:59
  */
 var work = $("#work");
    var all = $("#all");

 // 全选
    all.click(function(){
     var btnAllText = $("#all").text();
     if(btnAllText=="全选"){
      $("#all").text("全取消");
      for(var i=1;i<8;i++){
       $("#work"+i).attr("checked",'true');
      }
     }else if(btnAllText=="全取消"){
      $("#all").text("全选");
      for(var i=1;i<8;i++){
       $("#work"+i).attr("checked",'');
      }
     }
    })

    // 工作日
    work.click(function(){
     var btnWorkText = $("#work").text();
     if($("#work6").attr('checked')==true || $("#work7").attr('checked')==true){
   $("#work6").attr("checked",'');
   $("#work7").attr("checked",'');
   return;
  }
    
     if(btnWorkText=="工作日拼车"){
      $("#work").text("工作日不拼车");
      for(var i=1;i<6;i++)
      {
       $("#work"+i).attr("checked",'true');
       /*if($("#work"+i).attr('checked')==false){
        $("#work"+i).attr("checked",'true');
       }else{
        $("#work"+i).attr("checked",'');
       }*/
   }
     }else if(btnWorkText=="工作日不拼车"){
      $("#work").text("工作日拼车");
      for(var i=1;i<6;i++)
      {
       $("#work"+i).attr("checked",'');
   }
     }
    })
   
    // 点击后增加一个日期输入框，偶发拼车允许多个出发时间。
    $("#addDateText").click(function(){
     
  // alert($("#lineDateM").attr("name"));
  var name = $("#lineDateM").attr("name");
  if(name==undefined){
   name = $("#lineDate").attr("name");
  }
     //生成 0 到10 随机数 Mapth.random产生 0到1的随机数 然后乘以10
  var maxNumber = 1000;
  var randomNumber = Math.round(maxNumber * Math.random());
  
     var s = "<div id='div"+randomNumber+"'><input class='set_pc_wftime' type='text' name='"+name+"' οnclick=\"WdatePicker({dateFmt:'yyyy-MM-dd', skin:'whyGreen'})\"/>";
     s += "<input type='button' value='删除' οnclick='del(" + randomNumber + ")'/></div>";
     var $mm = $(s);
     var $parent = $("#addText");
     $parent.append($mm);
 })
 
 // 点击后增加一个输入框，拼车允许多个标签
    $("#addLabel").click(function(){
  //生成 0 到10 随机数 Mapth.random产生 0到1的随机数 然后乘以10
  var maxNumber = 1000;
  var randomNumber = Math.round(maxNumber * Math.random());
     var s = "<div id='div"+randomNumber+"'><input type='text' name='lineLableDescribe'/>";
     s += "<input type='button' value='删除' οnclick='del(" + randomNumber + ")'/></div>";
     var $mm = $(s);
     var $parent = $("#addTextLabel");
     $parent.append($mm);
 })
})

// 点击后增加一个日期输入框的删除按钮
function del(id) {
$("#div" + id).remove();
}

// 根据id隐藏div
function hidenDiv(div) {
 $("#" + div).hide();
}
// 根据id显示div
function showDiv(div) {
 $("#" + div).show();
}

// 线路发布第一步，修改线路发布时的用户身份
function chengeType(id) {
 if(id=="siji"){
  $("#isProvideCar").val("1");
 }else if(id=="chengke"){
  $("#isProvideCar").val("2");
 }
}

// 验证汉字，是汉字返回true，否则返回false
function isChinese(v){
 var reg = /^[\u4e00-\u9fa5]+$/i;
 if (!reg.test(v)){
  alert("请输入中文");
  return false;
 }else{
  return true;
 }
}

// 验证数字，是数字返回true，否则返回false
function isNumber(v){
 if(isNaN(v)){
  alert("必须是数字");
  return false;
 }
 return true;
}

// 验证手机号码
function checkMobile(v){
 var reg = /^(?:13d|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|4|5|6|7|8|9])-?d{5}(d{3}|*{3})$/;
    if(!reg.test(mobilePhone)) return false;
   
 return true;
}

 

JQuery获取和设置Select选项

 

获取Select ：

 

 获取select 选中的 text :

   $("#ddlRegType").find("option:selected").text();

 获取select选中的 value:

 

   $("#ddlRegType ").val();

 获取select选中的索引:

     $("#ddlRegType ").get(0).selectedIndex;

 

设置select:

 

 设置select 选中的索引：

     $("#ddlRegType ").get(0).selectedIndex=index;//index为索引值

  设置select 选中的value：

    $("#ddlRegType ").attr("value","Normal“);

    $("#ddlRegType ").val("Normal");

    $("#ddlRegType ").get(0).value = value;

  设置select 选中的text:

var count=$("#ddlRegType option").length;

  for(var i=0;i<count;i++) 
     {           if($("#ddlRegType ").get(0).options[i].text == text) 
        { 
            $("#ddlRegType ").get(0).options[i].selected = true; 
        
            break; 
        } 
    }

 

清空 Select:

$("#ddlRegType ").empty();

jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关设置

 

获取一组radio被选中项的值:var item = $('input[name=items][checked]').val();
获取select被选中项的文本:var item = $("select[@name=items] option[@selected]").text();

获取select被选中项的文本 :var item = $("select[name=items] option[selected]").text(); 或$("select[name=items]").find("option:selected").text();

select下拉框的第二个元素为当前选中值:$('#select_id')[0].selectedIndex = 1;

select下拉框value = 'val'的元素为当前选中项:$("select[name=items] option[value='val']").attr("selected","selected");

radio单选组的第二个元素为当前选中项 :$('input[@name=items]').get(1).checked = true; 或$('input[name=items]').attr("checked", '1′);

radio的value = 'val'的元素为当前选中项:$('input[name=items] [value='val']').attr("checked","checked");


获取值:

文本框,文本区域:$("#txt").attr("value");

多选框checkbox:$("input[name='checkbox':checked]").each(function(){

var val = $(this).val();

});

单选组radio: $("input[type=radio][checked]").val();

下拉框select的value值: $('select').val();

下拉框select选中的text 值:$("select").find("option:selected").text();

控制表单元素:

文本框,文本区域:$("#txt").attr("value","); //清空内容

                       $("#txt").attr("value",'11′); //填充内容

多选框checkbox:
checkbox的第二个元素被打勾:$("input[name=items]").get(1).checked = true; //打勾
                                           $("input[name=items]").get(1).checked = false; //不打勾

checkbox的value='val'的元素前打勾:$("input[name=item][value='val']").attr("checked",true); 或$("input[name=item][value='val']").attr("checked","checked");

if($("input[name=item][value='val']").attr('checked')==true) //判断是否已经打勾

单选组radio: $("input[type=radio]").attr("checked",'2′);//设置value=2的项目为当前选中项

下拉框select: $("#sel").attr("value",'-sel3′);//设置value=-sel3的项目为当前选中项

$("<option value='1′>1111</option><option value='2′>2222</option>").appendTo("#sel")//添加下拉框的option

$("#sel").empty();//清空下拉框

 

jQuery获取Radio选择的Value值


代码

$("input[name='radio_name'][checked]").val(); //选择被选中Radio的Value值
$("#text_id").focus(function(){//code...}); //事件 当对象text_id获取焦点时触发
$("#text_id").blur(function(){//code...}); //事件 当对象text_id失去焦点时触发
$("#text_id").select(); //使文本框的Vlaue值成选中状态
$("input[name='radio_name'][value='要选中Radio的Value值'").
attr("checked",true); //根据Value值设置Radio为选中状态

jQuery获取CheckBox选择的Value值

$("input[name='checkbox_name'][checked]"); //选择被选中CheckBox元素的集合 如果你想得到Value值你需要遍历这个集合
$($("input[name='checkbox_name'][checked]")).
each(function(){arrChk+=this.value + ',';});//遍历被选中CheckBox元素的集合 得到Value值
$("#checkbox_id").attr("checked"); //获取一个CheckBox的状态(有没有被选中,返回true/false)
$("#checkbox_id").attr("checked",true); //设置一个CheckBox的状态为选中(checked=true)
$("#checkbox_id").attr("checked",false); //设置一个CheckBox的状态为不选中(checked=false)
$("input[name='checkbox_name']").attr
("checked",$("#checkbox_id").attr("checked"));//根据3,4,5条,你可以分析分析这句代码的意思
$("#text_id").val().split(","); //将Text的Value值以','分隔 返回一个数组

 

 jquery1.3.2

ISDARK : $("input[@type=radio][name=ISDARK][checked]").val()

$("input[name=radioname][value=radio值]").attr("checked","checked");
实时监听js改变value，跨浏览器支持
<table>
         <tr>
                     <td>此处值通过js设置：</td>
                    <td><input id="jsUserName" type="text" name="jsUserName" readonly/></td>
            </tr>
            <tr>
                        <td>此处输入值：</td>
                         <td><input id="userName" type="text" name="userName"/></td>
             </tr>
</table>

Javascript代码
$(function()
                {
                        var jsUserName = "";
                        if($.browser.msie)        // IE浏览器
                        {
                                $("#userName").get(0).onpropertychange = setJsUserName;
                                $("#jsUserName").get(0).onpropertychange = handle;
                        }
                        else        // 其他浏览器
                        {
                                var intervalName;        // 定时器句柄
                                $("#userName").get(0).addEventListener("input",setJsUserName,false);
                                // 获得焦点时，启动定时器
                                $("#userName").focus(function(){
                                        intervalName = setInterval(handle,1000);
                                });

                                // 失去焦点时，清除定时器
                                $("#userName").blur(function()
                                {
                                        clearInterval(intervalName);
                                });
                        }
                        // 设置jsUserName input的值
                        function setJsUserName()
                        {
                                $("#jsUserName").val($(this).val());
                        }
                        // jsUserName input的值改变时执行的函数
                        function handle()
                        {   
                                // IE浏览器此处判断没什么意义，但为了统一，且提取公共代码而这样处理。
                                if($("#jsUserName").val() != jsUserName)
                                {
                                        $("#toolTip").remove();
                                        $("#jsUserName").parent().append("<span id='toolTip'>看到这里的信息表明，通过js改变input的值也能响应相应事件：<span    style='color:red;'>" + $("#jsUserName").val() + "</span></span>");
                                        jsUserName = $("#jsUserName").val();
                                }
                        }
});


$("document").ready(function(){
 /**
  * 线路发布第一步，周期选择
  * YDF at 2012-4-13 11:03:59
  */
 var work = $("#work");
    var all = $("#all");

 // 全选
    all.click(function(){
     var btnAllText = $("#all").text();
     if(btnAllText=="全选"){
      $("#all").text("全取消");
      for(var i=1;i<8;i++){
       $("#work"+i).attr("checked",'true');
      }
     }else if(btnAllText=="全取消"){
      $("#all").text("全选");
      for(var i=1;i<8;i++){
       $("#work"+i).attr("checked",'');
      }
     }
    })

    // 工作日
    work.click(function(){
     var btnWorkText = $("#work").text();
     if($("#work6").attr('checked')==true || $("#work7").attr('checked')==true){
   $("#work6").attr("checked",'');
   $("#work7").attr("checked",'');
   return;
  }
    
     if(btnWorkText=="工作日拼车"){
      $("#work").text("工作日不拼车");
      for(var i=1;i<6;i++)
      {
       $("#work"+i).attr("checked",'true');
       /*if($("#work"+i).attr('checked')==false){
        $("#work"+i).attr("checked",'true');
       }else{
        $("#work"+i).attr("checked",'');
       }*/
   }
     }else if(btnWorkText=="工作日不拼车"){
      $("#work").text("工作日拼车");
      for(var i=1;i<6;i++)
      {
       $("#work"+i).attr("checked",'');
   }
     }
    })
    var n=1;
    // 点击后增加一个日期输入框，偶发拼车允许多个出发时间。
    $("#addDateText").click(function(){
     
     if(n>4){
      //alert("只允许添加4个");
      pcw_alert("只允许添加4个",'0');
      return false;
     }
     n++;
  // alert($("#lineDateM").attr("name"));
  var name = $("#lineDateM").attr("name");
  if(name==undefined){
   name = $("#lineDate").attr("name");
  }
     //生成 0 到10 随机数 Mapth.random产生 0到1的随机数 然后乘以10
  var maxNumber = 1000;
  var randomNumber = Math.round(maxNumber * Math.random());
  
     var s = "<div id='div"+randomNumber+"'><input class='set_pc_wftime' type='text' name='"+name+"' οnclick=\"WdatePicker({dateFmt:'yyyy-MM-dd', skin:'whyGreen'})\"/>";
     s += "&nbsp;&nbsp;<a href='javascript:void(0);' οnclick='del(" + randomNumber + ");return false;'><img src='images/jian.gif' /></a></div>";
     var $mm = $(s);
     var $parent = $("#addText");
     $parent.append($mm);
 })
 
 // 点击后增加一个输入框，拼车允许多个标签
    $("#addLabel").click(function(){
     if(n>4){
      //alert("只允许添加4个");
      pcw_alert("只允许添加4个",'0');
      return false;
     }
     n++;
  //生成 0 到10 随机数 Mapth.random产生 0到1的随机数 然后乘以10
  var maxNumber = 1000;
  var randomNumber = Math.round(maxNumber * Math.random());
     var s = "<div id='div"+randomNumber+"'><input type='text' name='lineLableDescribe'  maxlength='12'/>";
     s += "&nbsp;&nbsp;<a href='javascript:void(0);' οnclick='del(" + randomNumber + ");return false;'><img src='images/jian.gif' /></a></div>";
     var $mm = $(s);
     var $parent = $("#addTextLabel");
     $parent.append($mm);
 })
})

// 点击后增加一个日期输入框的删除按钮
function del(id) {
$("#div" + id).remove();
}

// 根据id隐藏div
function hidenDiv(div) {
 $("#" + div).hide();
}
// 根据id显示div
function showDiv(div) {
 $("#" + div).show();
}

// 线路发布第一步，修改线路发布时的用户身份
function chengeType(id) {
 if(id=="siji"){
  $("#isProvideCar").val("1");
 }else if(id=="chengke"){
  $("#isProvideCar").val("2");
 }
}

// 验证汉字，是汉字返回true，否则返回false
function isChinese(v){
 var reg = /^[\u4e00-\u9fa5]+$/i;
 if (!reg.test(v)){
  //alert("请输入中文");
  pcw_alert("请输入中文",'0');
  return false;
 }else{
  return true;
 }
}

// 验证数字，是数字返回true，否则返回false
function isNumber(v){
 if(isNaN(v)){
  //alert("必须是数字");
  pcw_alert("必须是数字",'0');
  return false;
 }
 return true;
}

// 验证手机号码
function checkMobile(v){
 var reg = /^13[0-9]{9}|15[012356789][0-9]{8}|18[0256789][0-9]{8}|147[0-9]{8}$/g;
 //var reg = /^1((3[4-9])||(5[0-2])||(5[8-9])||(8[8-9])||(82))\d{8}$/g;
    if(!reg.test(v)) return false;
   
 return true;
}

//判断手机号码是否为空
 function isMobileNull(evt){//暂时省去校验以环节，.valid()方法为validate.js中的方法，用于验证是否已经通过验证
  var is_valid = true;
  if(!$("#mobilePhone").val()){is_valid=false;}
  if(!is_valid){
   evt.preventDefault();
  }else{
   sendAuthenticode(evt.srcElement)
  }
 }
//验证手机
 function sendAuthenticode(_this){
  $.post("check_sendAuthenticode.html",{"userInfo.mobilePhone":$("#mobilePhone").val()},function(_result){
 if(_result=="true"){
  //alert("验证码发送成功");
  pcw_alert("验证码发送成功",'0');
  $("#send_authenticode").unbind("click");
   // $(_this).attr("disabled","true");
   var index=61;
   var interval_id = setInterval(function(){
    var sss = "获取验证码" +( --index);
    //alert($(_this).val());
    $(_this).text(sss);
    if(index==0){
     clearInterval(interval_id);
     $(_this).text("获取验证码");
     // $(_this).attr("disabled","false");
     $("#send_authenticode").bind("click",isMobileNull);
    }
   },1000);
 }else{
  //alert("验证码发送失败");
  pcw_alert("验证码发送失败",'0');
  }
 });
 }
 
 
//在发送邮件前，确认邮箱非空 且 合法---提交前校验
 function toSendEmail(){
 var email =  $.trim($("#email").val());
 if(email=="" ){
   //alert("请输入邮箱号码");
   $("#email").focus();
   callBackEmail("false");
   pcw_alert("请输入邮箱号码",'0');
   return false;
  }else if(!checkEmail(email)) {
        //alert("邮箱号码格式不对！");
        callBackEmail("false");
        pcw_alert("邮箱号码格式不正确！",'0');
        return false;
     }
 callBackEmail("true");
 
 }
 
 //发送邮箱验证码
 function sendEmail(){
  $.post("check_sendEmailcode.html",{"userInfo.email":$("#email").val()},function(_result){
   if(_result!="false"){
    alert("验证码发送成功,请登录邮箱查看");
    $("#send_emailcode").unbind("click");
     // $(_this).attr("disabled","true");
     var index=61;
     var interval_id = setInterval(function(){
      var sss = "获取验证码" +( --index);
      //alert($(_this).val());
      $("#send_emailcode").text(sss);
      if(index==0){
       clearInterval(interval_id);
       $("#send_emailcode").text("获取验证码");
       // $(_this).attr("disabled","false");
       $("#send_emailcode").bind("click",sendEmail);
      }
     },1000);
   }else{
    alert("验证码发送失败");
    }
   });
 
 }
 
 function checkEmail(m){
  var reg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
  //var reg = /^1((3[4-9])||(5[0-2])||(5[8-9])||(8[8-9])||(82))\d{8}$/g;
     if(!reg.test(m)) return false;
    
  return true;
 }
 
// javascript 日期格式化
Date.prototype.format = function(format) //author: meizz
{
  var o = {
    "M+" : this.getMonth()+1, //month
    "d+" : this.getDate(),    //day
    "h+" : this.getHours(),   //hour
    "m+" : this.getMinutes(), //minute
    "s+" : this.getSeconds(), //second
    "q+" : Math.floor((this.getMonth()+3)/3),  //quarter
    "S" : this.getMilliseconds() //millisecond
  }
  if(/(y+)/.test(format)) format=format.replace(RegExp.$1,
    (this.getFullYear()+"").substr(4 - RegExp.$1.length));
  for(var k in o)if(new RegExp("("+ k +")").test(format))
    format = format.replace(RegExp.$1,
      RegExp.$1.length==1 ? o[k] :
        ("00"+ o[k]).substr((""+ o[k]).length));
  return format;
}

//取得日期时间加几天字符串,返回YYYY-MM-DD HH:mm
 function getDateTime(addDay)
 {
     var date = new Date();
    
     var thisYear = date.getFullYear();
     var thisMonth = date.getMonth() + 1;
     //如果月份长度是一位则前面补0
     if(thisMonth<10) thisMonth = "0" + thisMonth;
    
     var thisDay = date.getDate();
     //当前天数后几天
     if(addDay>1) thisDay += addDay;
     //如果天的长度是一位则前面补0
     if(thisDay<10) thisDay = "0" + thisDay;
 
     var thisHour = date.getHours();
     //如果小时长度是一位则前面补0
     if(thisHour<10) thisHour = "0" + thisHour;
    
     var thisMinute = date.getMinutes();
     //如果分钟长度是一位则前面补0
     if(thisMinute<10) thisMinute = "0" + thisMinute;
    
     //var thisSecond = date.getSeconds();
     //如果分钟长度是一位则前面补0
     //if(thisSecond<10) thisSecond = "0" + thisSecond;
    
     return thisYear + "-" + thisMonth + "-" + thisDay + " " + thisHour + ":" + thisMinute;
     //return thisYear + "-" + thisMonth + "-" + thisDay + " " + thisHour + ":" + thisMinute + ":" + thisSecond;
 }
 
 //根据日期字符串，和加几天字符串,返回YYYY-MM-DD HH:mm
 function getDateForStr(strDate,addDay)
 {
     var date = new Date(Date.parse(strDate.replace(/-/g,"/")));
    
     var thisYear = date.getFullYear();
     var thisMonth = date.getMonth() + 1;
     //如果月份长度是一位则前面补0
     if(thisMonth<10) thisMonth = "0" + thisMonth;
    
     var thisDay = date.getDate();
     //当前天数后几天
     if(addDay>1) thisDay += addDay;
     //如果天的长度是一位则前面补0
     if(thisDay<10) thisDay = "0" + thisDay;
 
     var thisHour = date.getHours();
     //如果小时长度是一位则前面补0
     if(thisHour<10) thisHour = "0" + thisHour;
    
     var thisMinute = date.getMinutes();
     //如果分钟长度是一位则前面补0
     if(thisMinute<10) thisMinute = "0" + thisMinute;
    
     //var thisSecond = date.getSeconds();
     //如果分钟长度是一位则前面补0
     //if(thisSecond<10) thisSecond = "0" + thisSecond;
    
     return thisYear + "-" + thisMonth + "-" + thisDay + " " + thisHour + ":" + thisMinute;
     //return thisYear + "-" + thisMonth + "-" + thisDay + " " + thisHour + ":" + thisMinute + ":" + thisSecond;
 }

Lang_XiHa
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
git常用命令总结 常用命令总结
07-20
Git是分布式版本控制系统的一种...掌握Git的常用命令和概念是现代软件开发者的必备技能，它能够极大地提高工作效率并保证代码的质量。通过持续实践和学习，开发者可以充分利用Git的强大功能来优化项目管理和开发流程。
新巴巴运动网总结笔记1
08-08
总结来说，新巴巴运动网的开发过程中，jQuery被广泛应用于前端交互逻辑，包括商品详情页的SKU联动、购买数量的增减以及商品信息的动态更新。同时，项目利用Maven的热部署功能和IDEA的JRebel插件提高了开发效率，减少...
jQuery
chuihuan0229的博客
03-13 361
jQuery（12-30_ to_ 01-04） What's the jQuery?（12-30） 主要分为两个大版本 1.x -- 还支持ie6/ie7/ie8 2.x -- 已经不支持低版本浏览器了 一般分为两种类型 生产版本 --在开发阶段使用的，没有经过压...
JQuery 常用方法命令汇总
高先生的猫
04-29 336
jQuery 选择器 选择器 实例 选取 * $("*") 所有元素 #id $("#lastname") id="lastname" 的元素 .class $(".intro") 所有 class="intro" 的元素 element $("p") 所有 <p> 元素 .class.class ...
JQ 常用指令
weixin_33991418的博客
03-23 384
创建div， 设置属性， 添加class， 子元素添加到父元素 var creatediv= function(){ var parentdiv=$('<div></div>'); //创建一个父div parentdiv.attr('id','parent'); //...
Jquery常用的22条命令
最新发布
b2036728748的博客
09-27 720
Jquery22条常用命令
jQuery常用命令
哎！小本本上八卦羞答答,人生太复杂...
04-13 1766
//上一个兄弟节点 $.prev();//下一个兄弟节点 $.next();//父节点 $.parent();//所有子节点 $.children();//在html尾部追加 $.append('...');//在节点前添加html,相当于追加一个兄弟节点 $.before('...');//动画效果：$(selector).animate(styles,speed,easing,callback)
jQuery API PDF
04-09
**总结：** 以上介绍的是jQuery API中几个核心的使用场景和功能，涵盖了从查找、创建到操作DOM元素的各个方面。理解和熟练掌握这些API，对于使用jQuery进行高效、可靠的Web开发至关重要。通过上述示例和解释，...
31总结1
08-08
【jQuery EasyUI与ExtJS常用组件】 jQuery EasyUI是一套基于jQuery的UI库，提供了丰富的组件，便于快速构建用户界面。以下是一些常用的组件： 1. **Dialog** - 弹出对话框，常用于显示独立的窗口或者进行确认操作...
基于webpack 实用配置方法总结
10-19
这篇文章将总结一些基于 Webpack 的实用配置方法，帮助开发者更好地理解和应用这个强大的工具。 1. **Webpack 配置文件**： Webpack 的配置通常位于 `webpack.config.js` 文件中。在这个文件中，你可以定义项目的...
jquery 常用命令
热门推荐
木木的博客
11-15 2万+
1.定义变量 var a = 10 console.log(typeof(a)) 查看类型 console.log(toString.call(a)) 字符转换为整型 a = parseInt($('#test1').val()) 2.循环for arr = [1,2,3,4,] for (i  in  arr){ console.log(i) } dict1=
jquery常用命令
weixin_30525825的博客
11-21 77
常用操作 打印内容： alert() 获取文本： span.text 获取属性：attr("title") 插入节点：append($li_1) 常用外包裹 加载完DOM后执行 $(document).ready(function(){}); $(function(){}); 事件绑定 $(".recruit-l-btn").on('clickt...
jquery常用方法
Bamboo_Dong的博客
07-28 1527
1、关于页面元素的引用通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。2、jQuery对象与dom对象的转换只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是 jquery对象
JQuery常见命令查找网站
weixin_40571937的博客
05-26 486
JQuery查询网站 Note http://jquery.cuishifeng.cn/ JQuery练习 https://www.mycodes.net/ 可以通过查看一些游戏的源码来练习或复习。 里面有只用hmtl和jQuery写的游戏。
jquery常用语法
小小SWQ的博客
02-14 127
jquery导入 &amp;amp;amp;amp;lt;head&amp;amp;amp;amp;gt; &amp;amp;amp;amp;lt;meta charset=&amp;amp;amp;quot;utf-8&amp;amp;amp;quot; /&amp;amp;amp;amp;gt; &amp;amp;amp;amp;lt;title&amp;amp;amp;amp;gt;jquery导入&amp;amp
jQuery命令大全
Chenftli的博客
08-12 996
为了大家方便，特意将jQuery的命令用思维导图画出来，大家可以保存为自己的笔记。
jquery常用指令
03-16 194
table中td多行展示: ```css td { word-wrap: break-word; } ``` div模态框: <div id="loading" style="display: none;"> <div id="loading2"> </div> <img id="loadi...
JQuery常用方法一览
new_yong的专栏
02-02 380
Attribute：$(”p”).addClass(css中定义的样式类型); 给某个元素添加样式$(”img”).attr({src:”test.jpg”,alt:”test Image”}); 给某个元素添加属性/值，参数是map$(”img”).attr(”src”,”test.jpg”); 给某个元素添加属性/值$(”img”).attr(”title”, function() { ret
jq-常见指令
weixin_48962287的博客
08-30 154
$（） 1.获取元素 2.将元素Node节点转换为jquery实例对象 3.传入一个匿名函数，加载事件 4.传入一个字符串标签'<div>'创建一个标签 jQuery实例对象方法： html() text() val() addClass() removeClass() toggleClass() css() attr() index() each(function(index,item){}) 查： siblings() children() fi
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值