JQuery 使用記錄

  • JQuery 中獲取input指定name的標籤對象的一些用法

表示name的值是以xxx開頭的元素 比如$("input[name^='hi']")就會選擇以下的元素

<input type ="text" name ="hiworld" / >

類似的還有:

$ 表示以xxx結尾的元素
* 表示包含xxx的元素
! 表示不等於xxx的元素

使用場景:

<input name="score_${item.itemId}" value="${item.score}" maxlength="7" >

name是動態的時候可以通過以上方法選定;

  • JQuery防止重複提交

        一般情況下用戶點擊提交按鈕後應該跳轉到列表頁面,但是因爲網絡以及服務器響應速度的問題並不能及時作出跳轉,如果用戶在頁面未跳轉的時候一直點擊提交按鈕會導致有多條重複數據,可以使用$("#xxx").attr({"disabled":"disabled"});在方法中使按鈕失效;

function submit_expert() {
	/* 點擊提交按鈕後使按鈕失效 */
	$("#btnSubmit").attr({"disabled":"disabled"});
    /* 這種方式也可以 */
    $("#btnSubmit").attr("disabled" , true);
		$.ajax({
				url:"xxx!submitItem.do",
				data:$("#addForm").serialize(),
				type : 'POST',
				dataType:"json",
				success:function(res){
					if(res.success){
			        	$.struts2_jquery.showSuccessMsg("提交成功!" , {delay: 3000});
			        	window.location.href="xxx!toList.do";
			        }else{
			        	$.struts2_jquery.showErrorMsg(res.message);
			        }
				}
		}) 
	
} 	

 <g2:button label="提交" onclick="submit_expert()" category="primary" id="btnSubmit"/>
  • JQuery獲得被選中的單選按鈕

//獲得被選中的單選按鈕
var schemeType = $("input[name='_M.appraiseSchemeType']:checked").val();
//自定義的標籤
<g2:radio name="_M.appraiseSchemeType" list="# {'RCXYPJ':'日常信用評價','NDXYPJ':'年度信用評價'}" label="方案類型" labelSeparator=":" requiredLabel="true"/>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章