DHHD-單選按鈕,同時將碼錶和對應的值都傳到後端

<tr>
								<td class="tdCenter w13p"><span class="requiredMark">*</span>假 別</td>
								<td class="tdLeft w87p" colspan="3">
									<div class="radio-inline">
										<input type="hidden" id="leaveType" name='leaveType'> 
										<div class="radioDiv">
											<input type="radio" id="radio10" name='leaveTypeCode' value="10" checked="true"> 
											<label for="radio10"> <span class="radioSpan">事假 </span></label>
										</div>
										<div class="radioDiv">
											<input type="radio" id="radio11" name='leaveTypeCode' value="11">
											<label for="radio11"> <span class="radioSpan">產假</span></label>
										</div>
										<div class="radioDiv">
											<input type="radio" id="radio12" name='leaveTypeCode' value="12">
											<label for="radio12"> <span class="radioSpan">婚假</span></label>
										</div>
										<div class="radioDiv">
											<input type="radio" id="radio13" name='leaveTypeCode' value="13">
											<label for="radio13"> <span class="radioSpan">喪假</span></label>
										</div>
										<div class="radioDiv">
											<input type="radio" id="radio14" name='leaveTypeCode' value="14">
											<label for="radio14"> <span class="radioSpan">休假</span></label>
										</div>
										<div class="radioDiv">
											<input type="radio" id="radio15" name='leaveTypeCode' value="15">
											<label for="radio15"> <span class="radioSpan">探親假</span></label>
										</div>
									</div>
								</td>

							</tr>

js

$(function(){//頁面加載完執行函數
	setPersonAndDept();
	if(leaveId != ""){
		initEditForm();//填充表單
	}
	if(isRejet == ""){
		createButton();//創建編輯頁面按鈕
	}else{
		createRejetButotn();
	}
	validateDetail();//表單驗證
	bindEvent();
});

function bindEvent(){
	// 更改假別事件
	$("input[name='leaveTypeCode']").change(function() {
	var leaveType = $("input[name='leaveTypeCode']:checked").next().text();//取對應的text值
	$("#leaveType").val(leaveType);
	})
}

 

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