常用的JS/jQuery技術和技巧
獲取指定id的某個屬性的值：
例如獲取id=myForm的表單的action屬性的值
document.getElementById("myForm").action
也可以設定它的值：
document.getElementById("myForm").action = "/cqrd/aa.action"
獲取指定name的某個屬性的值，例如
document.myForm.action
通過js去提交表單：
document.getElementById("myForm").submit();
即使myForm這個表單中沒有<input type="submit" value="查詢"/>
也可以用此方法去提交表單。
跳轉：
document.location.href = "${ctx}/emp/delEmp.action?id="+id ;
跳轉例項：{根據所選的option的值執行跳轉}
onchange="location.href=this.options[this.selectedIndex].value">
正則表示式： 驗證日期格式 2014-11-30 如下：function validDate(str) {
var reg = new RegExp("^201[0-9]-((0[1-9])|10|11|12])-((0[1-9])|(1[0-9])|(2[0-9])|30|31)$");
return reg.test(str);
}
正則表示式特殊符號轉義，例如點、星號，反斜槓轉義為 \.和\* 判斷字串長度。【中文算3個字元】 方法如下： var len = $("#taskName").val().replace(/[^\x00-\xff]/g,"***").length; URL跳轉：<body onload="javascript:document.location.href='${ctx}/dept/query.do'"></body>
JS字串替換：
replace(expr, target)，第一個為正則表示式
所以replace("a","b")只會替換第一個（匹配一次）。
要全部替換，用：（匹配全部）
replace(new RegExp(/(a)/g),'b') // 注意不要在(a)上加單、雙引號。
獲取多選按鈕的值：
| 1 2 3 4 5 6 7 8 9 10 |
$("input[name='RA_CHO']").click(function(){
var RA_CHO_value = '';
$("input[name='RA_CHO']:checked").each(function(){
RA_CHO_value += $(this).val() + "，";
});
if(RA_CHO_value.length>0){
RA_CHO_value = RA_CHO_value.substring(0, RA_CHO_value.length-1);
}
alert(RA_CHO_value);
});
|
jQuery設定標籤為隱藏或顯示動畫（注意不是style）
$(this).hide("fast");
$(this).show("fast");
jQuery判斷標籤是否為隱藏或顯示狀態
if($("#a").is(":visible"))
if($("#a").is(":hidden"))
jQuey AJAX模板
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
$.ajax({
url: '/ax/text',
type: 'POST',
|