2014-02-18 2 views
2

저는 직원을위한 휴가를 예약하기 위해 회사 웹 사이트를 만들고 있습니다. 내가 체크 버튼과 제출 버튼을 가지고 날짜를 입력하면. 체크 버튼을 클릭 할 때까지 제출 버튼을 사용하지 못하게하고 싶습니다. 어떤 아이디어? 이 시도 ...다른 버튼을 클릭 할 때까지 제출 버튼이 비활성화됩니다.

<script type="text/javascript"> 
    var button = $("input[type='button']"), 
    submitButt = $("input[type='submit']"); 
    button.click(function() { 
    submitButt.attr("disabled", !button.is(":clicked")); 
    }); 
</script> 
+0

지금까지 무슨 짓을 한거야? 그것은 매우 간단합니다. 체크 박스의 onclick 이벤트에서 this.form.submitbutton.disabled =! this.checked를 설정하십시오. – mplungjan

+0

체크 표시는 무엇을합니까? 이 파일을 기본 ASP로 태그 지정했습니다. 클래식 ASP는 페이지가로드 될 때 실행된다는 것을 의미하는 서버 측 코드이므로 폼을 제출해야만 모든 작업을 수행 할 수 있습니다. 귀하의 체크 버튼은 자체적 인 형태 일 필요가 있습니다. 이것이 JavaScript에 대한 작업이라면 해당 태그 – John

+0

을 추가해야 할 수도 있습니다. 양식에 있습니다. 그리고 체크 박스가 아닙니다. 미안합니다. 제출 버튼입니다.하지만 휴일을 확인하기 위해 사용하고 있거나 사용할 수 없는지 확인하기 위해 사용하고 있습니다. – user3323463

답변

2

은 내 양식 버튼

<input type="reset" value="Reset"> 
<input type="button" id="check" name="check"><label for="check">Check</label> 
<input type="submit" id="submit" value="Submit" disabled > 

있습니다 그리고 이것은 내가 지금까지 가지고 있지만 그것이 작동하지 않는 것입니다. 당신은 라디오 또는이 레이블은 이해가되지 않습니다

Live Demo code Live Demo for IE

$(function() { 
    var button = $("#check"), 
    submitButt = $("#submit"); 
    button.on("click",function(e) { 
    submitButt.prop("disabled",false); // NOT a toggle 
    }); 
}); 

체크 박스 아니라고 입력에 "확인"확인하지 수 있습니다 당신은 체크 박스

에 입력을 변경하지 않는 한 그것은이어야한다

<input type="button" id="check" name="check" value="Check" /> 

만약 당신이 전에 가지고 있었던 것 같은 체크 박스가 있었다면, 코드를 사용하여

$(function() { 
    var chkbox = $("#check"), 
    submitButt = $("#submit"); 
    chkbox.on("click",function(e) { 
    submitButt.prop("disabled",!this.checked); // Toggle 
    }); 
}); 

입니다

<input type="checkbox" id="check" name="check"> 
<label for="check">Check</label> 
+0

잘 작동합니다. 감사합니다. – user3323463

+0

업데이트를 참조하십시오. ATTR 대신 PROP 사용 – mplungjan

+0

Internet Explorer를 사용할 때 제출 단추가 표시되지 않습니다. 어떤 아이디어? – user3323463

관련 문제