Форум

FreeZon · #1 (**permalink**) 03.11.2014, 15:21

<form style="width: 380px;" action="<?php $_SERVER['PHP_SELF']?>" method="post">

<input id="checkbox1_adv" type="checkbox" name="adv_bool"> Включить рекламу в инжекторе?<br><br>
Введите ссылку на рекламный баннер:<br><input type="text" name="link_adv" id="id_link_adv" style="width: 270px;" />
<div style="text-align: center;"><p><input style="margin:0 auto;" type="submit" value="Сохранить" name="sub" /></p></div>
</form>

$(function (){
    $('#checkbox1_adv').click(function (){
		if ($('#checkbox1_adv').checked == false)
        $('#id_link_adv').attr('disabled',true);
		else
		$('#id_link_adv').removeAttr('disabled');

    });
});

Sweet · #2 (**permalink**) 03.11.2014, 15:37

Ты путаешь DOM-элементы и коллекции jQuery. В третей строке:

$('#checkbox1_adv').checked === undefined

, потому что это коллекция с DOM-элементами.

if ($('#checkbox1_adv').get(0).checked)

или

if (document.getElementById('checkbox1_adv').checked)

FreeZon · #3 (**permalink**) 03.11.2014, 15:40

Сообщение от Sweet

if ($('#checkbox1_adv').get(0).checked)

Тоже не работает:

$(function (){
    $('#checkbox1_adv').click(function (){
		if ($('#checkbox1_adv').get(0).checked)
		$('#id_link_adv').removeAttr('disabled');        
		else
		$('#id_link_adv').attr('disabled',true);

    });
});

FreeZon · #4 (**permalink**) 03.11.2014, 15:45

Мне нужно, чтобы если checkbox checked
то поле для ввода сделать доступным.
Если checked false то запретить ввод.

Sweet · #5 (**permalink**) 03.11.2014, 15:47

Можно в моднейшем стиле сделать:

var $$ = document.querySelector.bind(document);
      
$(function (){
    $('#checkbox1_adv').click(function (){
      
        $$('#id_link_adv').disabled = $$('#checkbox1_adv').checked;
      
    });
});

Sweet · #6 (**permalink**) 03.11.2014, 15:49

Хотя, лучше так:

var $$ = document.querySelector.bind(document);
      
$(function (){
    $('#checkbox1_adv').click(function (){
      
        $$('#id_link_adv').disabled = this.checked;
      
    });
});

FreeZon · #7 (**permalink**) 03.11.2014, 15:57

Сообщение от Sweet

Ты путаешь DOM-элементы и коллекции jQuery. В третей строке:

$('#checkbox1_adv').checked === undefined

, потому что это коллекция с DOM-элементами.

if ($('#checkbox1_adv').get(0).checked)

или

if (document.getElementById('checkbox1_adv').checked)

Сообщение от Sweet

Можно в моднейшем стиле сделать:

var $$ = document.querySelector.bind(document);
      
$(function (){
    $('#checkbox1_adv').click(function (){
      
        $$('#id_link_adv').disabled = $$('#checkbox1_adv').checked;
      
    });
});

Не тот не другой не работает, вообщем вот весь код страницы:

<!DOCTYPE html>
<html>
<head>
<title>Инжектор</title>
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</head>
<body>


<div class="content" style="width: 400px;">
<span style="font-family: cursive;font-size: 20px;">Настройки инжектора</span>



<div class="login-form" style="height: auto;"><form style="width: 380px;" action="<?php $_SERVER['PHP_SELF']?>" method="post">

<input id="checkbox1_adv" type="checkbox" name="adv_bool"> Включить рекламу в инжекторе?<br><br>
Введите ссылку на рекламный баннер:<br><input type="text" name="link_adv" id="id_link_adv" style="width: 270px;" />
<div style="text-align: center;"><p><input style="margin:0 auto;" type="submit" value="Сохранить" name="sub" /></p></div>
</form></div>




</div>
<div class="powered"><a href="http://freezon.vkontakte.ru">Powered by FreeZon</a></div></ br>
<div class="powered"><a href="http://trialanet.com/forum">TrialaNet.Com</a></div>
<script type="text/javascript" src="/js/script_r.js"></script>
<script>
 
 setTimeout(function(){
 
 DeleteAds();
 
 },300)
 function logouts() {
   window.location = "logout.php"
}
var $$ = document.querySelector.bind(document);
       
$(function (){
    $('#checkbox1_adv').click(function (){
       
        $$('#id_link_adv').disabled = $$('#checkbox1_adv').checked;
       
    });
});

}


</script>
</body>
</html>

FreeZon · #8 (**permalink**) 03.11.2014, 17:11

Все работает спасибо. Была лишняя фигурная скобка

Форум

Справочник

Discord чат

Курсы javascript