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}]);
});