JQuery 常用命令总结

Allegro老鸟的20年效率秘籍:用YepEda Skill脚本实现PCB设计全流程自动化 本文分享了Allegro资深工程师20年效率秘籍,通过YepEda Skill脚本实现PCB设计全流程自动化。从封装建库到规则配置,再到DFM审核,YepEda Skill大幅提升设计效率,每天节省至少4小时重复劳动。文章详细解析了自动化工具链的核心功能,并提供了实战技巧和量化对比数据。 阅读详情

下面介绍在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 onkeyup="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" onclick="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+"' onclick=\"WdatePicker({dateFmt:'yyyy-MM-dd', skin:'whyGreen'})\"/>"; 
	    s += "<input type='button' value='删除' onclick='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='删除' onclick='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+"' onclick=\"WdatePicker({dateFmt:'yyyy-MM-dd', skin:'whyGreen'})\"/>"; 
	    s += "  <a href='javascript:void(0);' onclick='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);' onclick='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;
 }

组态王|通过日历控件选择时间段查询历史报警 哈喽,你好啊,我是雷工!这节记录下查询历史报警信息的功能实现。以下为实现笔记。 阅读详情

相关推荐

Verilog简易电梯控制系统(2层)

电梯处于1楼,按KEY3,LED3亮,电梯处于上行状态时,立刻按 KEY2,LED2亮,电梯继续运行至2楼,LED3灭;按KEY3,LED3亮,电梯处于上行状态时,立刻按 KEY0,LED0亮,电梯继续运行至2楼,LED3灭;电梯处于2楼,按KEY2,LED2亮,电梯处于下行状态时,立刻按 KEY3,LED3亮,电梯继续运行至1楼,LED2灭;电梯处于2楼,按KEY2,LED2亮,电梯处于下行状态时,立刻按 KEY1,LED1亮,电梯继续运行至1楼,LED2灭;电梯运行至2楼后LED1灭,2楼待机。

m0_54240221的博客 6958

使用jQuery设置disabled属性与移除disabled属性

Readonly只针对input和textarea有效,而disabled对于所有的表单元素都有效,下面为大家介绍下使用jQuery设置disabled属性 表单中readOnly和disabled的区别: Readonly只针对input(text/ password)和textarea有效,而disabled对于所有的表单元素都有效,包括s...

weixin_34319817的博客 287

DarkSword漏洞工具包分析:针对iOS的高级定向攻击

网络安全领域中,漏洞利用工具包是攻击者实施高级持续性威胁(APT)的核心武器。DarkSword作为新型iOS漏洞利用工具包,通过精心构造的漏洞链(包括CVE-2025-31277等)突破系统防护,采用内存驻留技术规避检测。这类攻击通常针对金融、能源等高价值目标,窃取钥匙串凭证、加密货币钱包等敏感数据。防御方面需结合终端检测与响应(EDR)解决方案和网络流量分析,同时关注漏洞修复时效性。本次事件揭示了移动设备在供应链安全和企业环境中的特殊风险,为行业敲响警钟。

weixin_32234493的博客 56

jQuery之$("#") 与 js中的$("#"+) +jQuery中变量加$和不加$有什么区别

# 选取带有唯一的指定 id 的元素。 id 引用 HTML 元素的 id 属性。 相同的 id 值只能在文档中使用一次。 1.-------------------------------------------------------------------------- $("#xx")表示得到一个xx""的组件。 $("#"+xx)表示xx是一个变量,假如xx的值是aa,就表示与...

升级打怪 3025

用Arduino和8个舵机,从零搭建一台能走路的并联腿机器狗(附完整代码与3D模型)

本文详细介绍了如何用Arduino和8个舵机从零搭建一台能走路的并联腿机器狗,包括硬件准备、结构组装、电路系统搭建、运动算法实现和Arduino编程。通过完整的代码与3D模型,帮助创客深入理解机器人运动原理,实现稳健行走的8自由度机器狗。

weixin_30482383的博客 702

Realtek 10GbE芯片组解析:低成本高速网络方案

10GbE(万兆以太网)技术通过提升网络带宽,显著改善了数据传输效率,成为现代网络架构的核心组件。其工作原理基于高速串行通信协议,通过优化信号处理和编码技术实现低延迟、高吞吐量。在技术价值上,10GbE不仅满足数据中心和企业网络的高需求,还逐步渗透到消费级市场,推动家庭和小型企业的网络升级。应用场景包括NAS存储、视频编辑工作站和云服务接入等。Realtek最新发布的RTL8127、RTL8159和RTL8261C芯片组,以低功耗和低成本优势,进一步降低了10GbE的普及门槛。这些芯片支持PCIe Gen4

weixin_36427956的博客 592

jQuery的基础

(document).ready(function(){})等价于$(function(){}jQuery也提供了对HTML节点的操作,⽽且在原⽣js的基础之上进⾏了优化,使⽤起来更加⽅便。$(selector).each(function(index,element)) :遍历元素。删除、添加、修改、设定节点的CSS样式等。常⽤的从⼏个⽅⾯来操作,查找元素(选择器已经实现);[, eventData]:传递的参数,格式:{名:值,名2:值2}ready()类似于 onLoad()事件。

yuan的博客 813

华为OD机试新系统真题【计算电动车续航里程】

华为OD机试 新系统真题【计算电动车续航里程】,提供C语言、Java、C++、Python、Go、JavaScript源码实现,并提供完整思路讲解,以及在线OJ模拟做题。华为OD机试真题【计算电动车续航里程】多语言题解。

qq_45776114的博客 790

jquery $ # 什么意思

$ 表示jquery # 表示 id  ,如 可以 表示为 #button 事件处理 直接绑定指定事件,事件类型即方法名,支持click、focus、blur、submit等。 $("#button").click(function(){ //script goes here }); 用on来绑定事件,off来解绑事件,第一个参数为事件名,第二

wyx100的专栏 4962

机器人常用坐标系详解:原理、获取方法及实战实例

本文系统阐述了机器人四大核心坐标系(世界、基、工具、工件)的原理与标定方法。世界坐标系提供全局参考基准,基坐标系绑定机器人本体,工具坐标系定义末端执行器位置,工件坐标系则锁定作业对象位置。通过齐次变换矩阵实现各坐标系间的关联转换。重点介绍了三类标定技术:手动设定法(世界坐标系)、三点/六点法(工具TCP标定)和视觉识别法(工件标定),并以工业机械臂上下料为例演示了完整应用流程。随着技术发展,自动化标定、动态坐标系等新趋势将进一步提升机器人作业精度与效率。

start_up_go的博客 515

绕过Cloudflare的两种简便方案

绕过Cloudflare的两种简便方案

自成背后的博客 1万+

jquery里的$("#") 与$("#"+xx)

$("#")是指选择器选择带有id的元素,例如<input type="text" id="a"/> 就可以用$("#id").val()来获取对应的数据值,而里面有加号的情况一般是有变量,在函数封装时常用,例如:下面的小demo function test_() { var a1=$("#a1").val(); alert(a1);

习惯有你&的博客 1万+

educoder中Hive综合应用案例 — 用户搜索日志分析

Hive综合应用案例 — 用户搜索日志分析

weixin_46026136的博客 4800

jQuery常用命令

//上一个兄弟节点 $.prev();//下一个兄弟节点 $.next();//父节点 $.parent();//所有子节点 $.children();//在html尾部追加 $.append('...');//在节点前添加html,相当于追加一个兄弟节点 $.before('...');//动画效果:$(selector).animate(styles,speed,easing,callback)

哎!小本本上八卦羞答答,人生太复杂... 1880

ssm框架搭建

这个是一个在idea上成功跑起来的ssm框架项目,保存在这里方便以后使用直接下载

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

jquery常用命令

常用操作 打印内容: alert() 获取文本: span.text 获取属性:attr("title") 插入节点:append($li_1) 常用外包裹 加载完DOM后执行 $(document).ready(function(){}); $(function(){}); 事件绑定 $(".recruit-l-btn").on('clickt...

weixin_30525825的博客 135

RU DOS版、EFI版32bit/64bit BIOS常用工具

DOS版、EFI版的RU工具,可用来查看IO、MEM、PCI、SMBIOS等资源。亲测在EFI SHELL下可用。

jquery 常用命令

Attribute: $(”p”).addClass(css中定义的样式类型); 给某个元素添加样式 $(”img”).attr({src:”test.jpg”,alt:”test Image”}); 给某个元素添加属性/值,参数是map $(”img”).attr(”src”,”test.jpg”); 给某个元素添加属性/值 $(”img”).attr(”title”, function

走自己的路让别人来看 1235

IDEA的使用指南

IDEA基于java的使用手册,可以最快速的上手,在使用中不断的丰富自己的使用技巧.

JQuery 常用命令总结 [转载]

下面介绍在jQuery中设置form表单中action的值的方法。 $("#myFormId").attr("action", "userinfo.shtml"); 【注意】:$("#myFormId").action="XXX"; ...

chiliuyong3321的博客 143

Visual Studio 开源控件扩展 NuGet 常用命令及常用组件

转自:

【昆山人在上海】 1087

Java Web JS jQuery开发小技巧记录

本篇中记录近期开发遇到的各种小组件,小问题,或者小技巧,可能有点乱而且比较少,后期会不断的填充,整理成自己的代码块库。 Jquery常用命令  此链接是jQuery的官方中文文档,有需要的可以进去慢慢看  http://jquery.cuishifeng.cn/ 1.通过id取,$("#id")取值 2.通过id筛选 $("input[id^='code']")  id属性以code开...

godlovefrank的博客 244

常用命令及其它经验总结

1.linux自启动:编辑/etc/rc.d/rc.local脚本 2. kill 进程号 杀掉进程  3. netstat nat 查看端口号  4 ip a 查看网卡  5. mstsc/admin 踢出用户。windows 1.js中若有错误,则不继续执行下面的代码。 2. jquery中函数return false,退出函数,不执行submit的提交操作。若

xinyuebaihe的博客 271

JS和jQuery的区别(超级详细)

jquery和js的区别是什么? 一、首先来看一下jQuery和js的概念 jquery是一个快速、简洁的JavaScript库,极大的简化了javascript编程。 js是一种脚本语言,常用于网页客户端编程,使网页在客户端浏览器中,实现更多地动态功能,表现出更加丰富的视觉效果。 所以,最本质的区别就是js是一种语言,而jQuery是基于该语言的一种框架。除却最本质的区别还有一些用法上的差别。 ...

岛田悠米 5621

JQuery笔记

JQuery简介 一。JQUERY学习重点: 1.熟练背诵JQUERY[选择器和过滤器]语法 2.熟练掌握【JQUERY对象】提供【功能函数】 二。jquery学习方式 1.一天理论介绍 2.分段提供jquery练习内容 三。JQUERY技术介绍: 1.就是JavaScript的封装版 2.简化JavaScript对DOM对象定位以及对DOM对象属性操作开发步骤 四。JQUERY使用: 1.下载jquery工具文件,并导入到工程中. 2.将jquery文

Li某人_初学者 2073

jQuery——jQuery学习笔记(完整版)

本文主要介绍有关jQuery的相关知识点

Bonsoir777的博客 1801
上一篇: 自己总结的常用的Oracle操作命令
下一篇: Freemark 常用代码总结1
JavaAlpha
博客等级 码龄18年 910粉丝 511原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值