Jquery 모음

INPUT BOX에 사용자가 입력할 경우에 keyup Event를 통해서 실시간으로 계산해서 다른 InputBox에 값 넣어주기

//
$(document).on('propertychange change keyup paste input' , "input[name='이름']", function(){
	//필요한값 획득
	var objStandardS0 = $(this).parents("tr").find('input[name="이름[]"]').val();
	var objStandardS1 = $(this).parents("tr").find('input[name="이름"]').val();
	
	//계산
	var objStandard = objStandardS0 - objStandardS1 / 2;
	//
$(this).parents("tr").find('input[name="이름"]').val(objStandardS0 +"*"+objStandardS1+"*"+objStandard.toFixed(1)); // 소수점 1자리까지 표현
	$(this).parents("tr").find('input[name="이름"]').val(objStandard.toFixed(1));
});

모달창을 닫기

// 모달창 닫기
event.preventDefault();
$("#modal2").hide();
$('.jquery-modal').hide();

동적으로 Table에 TR 행을 추가하기

var TrLength = $('#insertTbl tbody tr').length;
TrLength = TrLength + 1;

html += "<tr>";
html += "<td>번호</td>";
html += "</tr>";
 

$('#insertTbl > tbody').append(html);

// selectbox 의 값 선택하기
$('#ID이름' + TrLength).val(objUnit).prop("selected", true);

동적 추가한 TR을 삭제하고 순서에 대한 번호를 새롭게 다시 표시해주기

$(this).parent().parent().remove(); // 해당행 삭제
var rowNum = 1;
$('#insertTbl tbody tr').each(function() {
	$('#rowNum', this).text(rowNum);
	rowNum++;
});

Button 을 클릭시에 모달창을 띄우기

// 모달창
$(document).on("click","#qualityStandards",function(){
	var targetValue = null;
	var qualityStandardValueArr = "";
	
	//
	targetValue = $(this).parents("tr").find('input[name="viewIdx[]"]').val();
	$("#modal1 input[name='modal1Targetidx']").val(targetValue);

	event.preventDefault();
	$("#modal1").modal({});
});

사용자 입력값에서 숫자만 남도록 함

function onlyNum(str) {
	var re = /[^0-9\.\,\-]/gi;
	return str.replace(re, '');
}

자식창에서 부모창의 함수를 호출하면서 필요한 값을 넘김

 // 부모창의 값을 호출함.
opener.parent.addRow(값1, 값2);

모달창

<div id="modal2" class="modal" style="height:500px">
	<h4>특이사항</h4>
	<input type="hidden" name="modal2TargetIdx" value="0">
	<textarea style="width:100%; height:85%;" name="modal2TargetTextArea">특이사항</textarea>
	<br />
	<div style="width:100%; text-align:center; margin-top:10px;"><button type="button" id="modal2Accept" data-dismiss="modal" aria-hidden="true"> 확인 </button></div>
</div>

사용자 입력값에 콤마 찍기

//콤마찍기
function comma(str) {
	str = String(str);
	return str.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,');
}

POST로 전송

//post 로 전달
$.post( "대상주소", {PostData : PostData }, function(data, status) {
	console.log(data);
})
.fail(function() {
	
})
.always(function() {
});

INPUTBox 내용을 배열로 만들기

$("input[name='objIdx[]']").each(function (i) {
	var value = $(this).parent().parent().eq(0).find("input[name='value[]']").val();
	var PostData = new Array();
	PostData.push([{"mode":"Send","idx":idx, "value":value,"datetime":datetime}]);
});
이전글
다음글

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다