Скрипт для разблокировки-блокировки чекбокса не работает
В отдельном хтмл файле где только один этот скрипт все работает, однако на целевом скрипте все очень плохо.
Собственно сам скрипт
<script>
$(document).ready(function(){
$('input[class^="agree"]').each(function(){
var nextInp = $(this).next().next('input[id^="continue"]');
nextInp.attr('disabled',true);
$(this).change(function() {
if($(this).attr('checked')){nextInp.removeAttr('disabled');
} else nextInp.attr('disabled',true);
//Еще коды...
});
});
});
</script>
Ну и файл в котором он не работает http://kopy.io/t966W Сам только начал работать с джиквери, прошу помощи у знающих. |
tipochok,
Что-то я сомневаюсь, что в отдельном файле все работает нормально... Покажите работающий макет Если я правильно догадался, что вам нужно, то это должно выглядеть примерно так:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(document).ready(function () {
var inpCont = $('input[id^="continue"]');
inpCont.each(function () {
$(this).attr('disabled', true);
});
$("#agree1").on('change', function () {
if ($(this).prop("checked")) {
inpCont.each(function () {
$(this).attr('disabled', false);
});
} else {
inpCont.each(function () {
$(this).attr('disabled', true);
});
}
//Еще коды...
});
});
</script>
<input type="checkbox" class="agree1" value="1" id="agree1">Can see project page<br>
<input type="checkbox" id="continue1" class="agree2" value="3" />Can see project order data<br>
<input type="checkbox" id="continue2" value="7" />Can see cardused info<br>
|
| Часовой пояс GMT +3, время: 05:48. |