2014-02-18 4 views
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 > 

И это то, что я до сих пор, но это не работает ...

<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

Попробуйте это. Вы не можете проверить «проверено» на входе, который не является радио или флажок

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

См. Обновление. Используйте PROP вместо ATTR слишком – mplungjan

+0

Кнопка отправки не отображается при использовании Internet Explorer. Любые идеи почему? – user3323463

Смежные вопросы