JQuery 常用命令总结

最新推荐文章于 2023-04-06 10:34:10 发布
最新推荐文章于 2023-04-06 10:34:10 发布
阅读量3.5k 收藏 5
点赞数
分类专栏： jQuery JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/JavaAlpha/article/details/8332814
版权 

下面介绍在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    
 <input type="checkbox" name="test" value="1" />1    
 <input type="checkbox" name="test" value="2" />2    
 <input type="checkbox" name="test" value="3" />3    
 <input type="checkbox" name="test" value="4" />4    
 <input type="checkbox" name="test" value="5" />5    
 <input type="checkbox" name="test" value="6" />6    
 <input type="checkbox" name="test" value="7" />7    
 <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 += "  <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 += "  <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;
 }

JavaAlpha
关注
专栏目录
Python常用组件、命令大总结(持续更新)
LDC，公众号【轻松学编程】
03-12 1万+
Python后端开发常用组件、命令（干货） 持续更新中… 1、生成6位数字随机验证码 import random import string def num_code(length=6): """ 生成长度为length的数字随机验证码 :param length: 验证码长度 :return: 验证码 """ return ''.jo.....................
使用jQuery设置disabled属性与移除disabled属性
weixin_34319817的博客
03-06 232
Readonly只针对input和textarea有效，而disabled对于所有的表单元素都有效，下面为大家介绍下使用jQuery设置disabled属性 表单中readOnly和disabled的区别： Readonly只针对input(text/ password)和textarea有效，而disabled对于所有的表单元素都有效，包括s...
$modal 参数 以及 使用方法
weixin_33862188的博客
06-21 1万+
$modal是一个可以迅速创建模态窗口的服务，创建部分页，控制器，并关联他们 $modal仅有一个方法open(options) templateUrl：模态窗口的地址 template：用于显示html标签 scope：一个作用域为模态的内容使用（事实上，$modal会创建一个当前作用域的子作用域）默认为$rootScope controller：为$modal指定的控制器，初始化...
ry-ui.js
weixin_55069111的博客
05-07 1153
调用方式 $.property.function ($.属性.功能) /** * 通用js方法封装处理 * Copyright (c) 2019 ruoyi */ // 当前table相关信息 var table = { config: {}, // 当前实例配置 options: {}, // 设置实例配置 set: function(id) { if($.common.getLength(table.config) > 1) {
Vue3模态框（Modal）
最新发布
Mr Dear的博客
04-06 5060
模态框组件，支持：六种类型的模态框；自定义宽度；自定义图标；自定义样式；自定义按钮；自定义位置；自定义动画出现位置；延迟关闭等；总之，功能丰富，简单易用😁😁
ruoyi框架导入csv文件
makabakakabuda的博客
07-19 2376
用了大半个月的若伊框架，给我的感受是它很强大，很实用。几乎涵盖了后台管理系统的所有模块。但是在一些细节方面需要我们自己去拓展。例如若伊给我们提供了导入导出Exel格式数据的demo，但是相对于Exel文件，csv文件能够存储的数据更多。 那什么是csv文件呢？ csv就相当于txt文档存储数据，单个数据之间用","号分割 例如： 那么如何使用若伊框架导入csv格式的数据。请看源码！ 首先配置类 package com.ruoyi.common.utils.poi; import co..
git常用命令总结 常用命令总结
07-20
Git是分布式版本控制系统的一种...掌握Git的常用命令和概念是现代软件开发者的必备技能，它能够极大地提高工作效率并保证代码的质量。通过持续实践和学习，开发者可以充分利用Git的强大功能来优化项目管理和开发流程。
jQuery的常用效果总结
qq_39043762的博客
05-18 625
最近在工作中深刻的体会到了jQuery以及JS的重要性，所以就写博客记录一下，方便自己以后查看，也希望帮助到有需要的童鞋，新手勿喷，欢迎指导（内容摘自w3school,需要查看原文的童鞋可以自行搜索）！ jQuery效果 1.隐藏和显示 hide()隐藏元素 show() 显示元素 toggle() 显示隐藏的元素，隐藏显示的元素 2.淡入淡出 ​ fadeIn()淡入已隐藏的函数 ...
git 常用命令总结
chris
01-04 1427
git常用命令
jQuery命令大全：快速掌握与应用
总结来说，这份jQuery命令汇总涵盖了常用的选择器及其用法，有助于开发人员更好地理解和掌握如何使用jQuery进行DOM操作，提高页面交互和数据处理的效率。无论是初次接触jQuery还是有一定经验的开发者，都能从中找到...
jquery disable按钮（启用、禁用按钮）
qq_37150783的博客
11-30 6383
转载自：http://blog.csdn.net/wangjun5159/article/details/47659229 禁用按钮： [html] view plain copy $("#id").attr("disabled","true");   $("#id").attr("disabled",true);   $("#id")
element-ui vue modal 数据修改
vstejin1的博客
07-21 1200
主页面的模板层 .... <template> <el-table> <el-table-column label="操作" align="center" min-width="2"> <template slot-scope="scope"> <el-button type="primary" size="mini" @click="handleEdit(scope.row)">修
gojs 验证流程图连线是否完整
想要拥有==>你就得变得更优秀!
02-14 740
如上是用gojs 实现的逻辑流程图、但是为了保证流程图的完整性、需要验证是否有连线、或节点 不完整、 所以写了段js 验证、进行正推、和逆推 验证 if(myDesigner.pdNodeIsOk() == 1 && myDesigner.pdPrentNodeIsOk() == 1 ){ /**保存改任务设计图**/ function addsubmitH...
模态框+jquery实现多控件区域的disable和复原功能
Knight_Ren的博客
12-03 278
<!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=Edge" charset="utf-8" /> <title>分支页面</title> <script src="https://code.jquery.com...
disabled 的禁用
zhj52666的博客
05-06 1万+
有关于HTML的 disabled 的禁用 disabled 的禁用 通过我的亲身体会对于disabled有了一些认识，网上的一些回答迷惑了我，让我以为disabled=“true” 或disabled="disabled"表示禁用，disabled=“false” 表示可使用。其实浏览器只要发现元素中有diasbled属性，不管属性值是什么，都会对元素进行禁用。 disabled 的解除 $("...
弹出页面，弹出框，$(‘‘).modal({}）；模态框
苏凯的博客
08-29 2万+
效果图： 自己可以添加内容； 引用：amazeui前端框架： &lt;link rel="stylesheet" href="/tc_vsmp/view/assets/css/utils/amazeui.min.css"/&gt; &lt;script src="/tc_vsmp/view/assets/js/utils/amazeui.min.js"&gt;&lt;/sc...
使用angularjs模态框$modal
chenqk_123的专栏
02-09 6495
使用angularjs提供的$modal可以快捷的创建新的弹出框，并且自带了一些比较好用的属性和方法，方便我们进行开发。 在开发中碰到的问题就是，当登录用户权限不同的时候，我们提供不同的权限控制和页面展示，当非管理员登录的时候，弹出的页面是不允许关闭的，即不允许用户 操作主页面的内容，只能在弹出框中操作。 属性： templateURL：指定加载模板路径 $scope：创
js动态添加和移除disabled属性和style
热门推荐
一懒毁终生的博客
08-26 9万+
1. js动态添加和移除disabled属性 js操作： function disableTest(element,val){ document.getElementById(element).disabled=val; } document.getElementById("uid").disabled="";  jQuery进行操作： //两种设置disabled属性 $(...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值