체크박스 체크시 필수입력 도움을 부탁드립니다.
본문
<script language="JavaScript">
<!--
function add_check() {
if (document.all.tax.checked == true) {
document.all.Img.style.display = '';
}else{
document.all.Img.style.display = 'none';
}
}
//-->
</script>
<input type="checkbox" name="tax" onClick="add_check();"> 세금계산서 신청
<input type="text" name="wr_11" value="<?php echo $write['wr_11'] ?>" id="wr_11" class="frm_input" size="25">
이 소스에서 체크박스를 체크하면 wr_11이 필수입력이 되도록 하고 싶습니다.
회원님들 도움 부탁드립니다.
답변 6
<script>
function add_check() {
$("#wr_11").prop('required',true);
}
</script>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<script language="JavaScript">
function add_check() {
if (document.all.tax.checked == true) {
document.all.Img.style.display = '';
}else{
document.all.Img.style.display = 'none';
}
}
function chkfrm(obj) {
if (obj.tax.checked == true && obj.wr_11.value == "") {
alert("input wr_11");
return false;
}
return true;
}
</script>
</head>
<body>
<form method="post" onsubmit="return chkfrm(this)">
<input type="checkbox" name="tax" id="tax" onClick="add_check();"><label for="tax"> 세금계산서 신청</label>
<input type="text" name="wr_11" value="" id="wr_11" class="frm_input" size="25">
<input type="submit" />
</form>
</body>
</html>
function fwrite_submit(f) 로 선언되었으면 obj 가 아니라 f 가 되어야 합니다.
if (obj.tax.checked == true && obj.wr_11.value == "")
if (f.tax.checked == true && f.wr_11.value == "")
<script>
$(function(){
$("#tax").click(function(){
if($("#tax").prop("checked")) {
$("#wr_11").prop('readonly',false).focus();
return;
}else{
$("#wr_11").prop('readonly',true).val('');
return;
}
});
});
</script>
<input type="checkbox" id="tax" name="tax"> 세금계산서 신청
<input type="text" id="wr_11" name="wr_11" value="" class="frm_input" size="25" readonly="readonly">
입력란 허용
체크 뺐을때 입력란 초기화하고 입력란을 잠겨주는 정도구요.
폼은 열고 잘 닫아야 합니다.
폼이 열고 잘 닫혔는지 보시구요.
질문으로 올린 소스 가지고는 별문제 없는거 같습니다.
다른 부분에서 야기되는 문제인지 모르겠네요.
obj 이부분이 어떤 부분을 특별히 선언해서 사용하는지, 폼이름 대신하는지 알수가 없네요.
저가 지금 퇴근중이라서 ...
다른분의 따스한 답변 받으시길 바랍니다.