VPF::Проверка checkbox на выделение - Форум программистов

finogeev

Дата 9.9.2012, 17:23 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 108
Регистрация: 5.3.2007

Репутация: нет
Всего: нет

Народ подскажите, как правильно оформить, когда выделен чекбокс рядом поле становиться активным, а когда не выделен опять disabled. Первый этап сделал по нажатию он активен, а как сделать что бы поле опять сделать что бы он опять был неактивен если нажат, не получается

Код


  <input  type="checkbox" name="test1ch"  value="1" id="test1ch"/>
  <input type="text" name="test1inp" disabled="disabled" id="test1inp">

Код


<script type="text/javascript">
 $(function() {
    $("#test1ch").click(function() {    
        if ($(this).prop("checked") == false)    
            {    $("#test1inp").prop("disabled", true);
            }    
        $("#test1inp").prop("disabled", false);        
    });
});

нуп

Дата 9.9.2012, 18:32 (ссылка)

(нет голосов)

Загрузка ...

Ботокодер

Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 12
Всего: 33

else дописать

Amphiluke

Дата 9.9.2012, 18:45 (ссылка)

(нет голосов)

Загрузка ...

☽

Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 39
Всего: 112

Либо еще проще:

Код


$("#test1ch").click(function() {    
    $("#test1inp").prop("disabled", !$(this).prop("checked"));
});

finogeev

Дата 9.9.2012, 18:47 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 108
Регистрация: 5.3.2007

Репутация: нет
Всего: нет

Спасибо большое Amphiluke!

finogeev

Дата 10.9.2012, 11:52 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 108
Регистрация: 5.3.2007

Репутация: нет
Всего: нет

Как оказалось ещё вопрос появился ....
А если страница загружается с уже выделанным чекбоксом, как ей сообщить что надо дисаблить элемент?
именно при загрузки ....

ksnk

Дата 10.9.2012, 12:12 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

Цитата(finogeev @ 10.9.2012, 11:52

)

А если страница загружается с уже выделанным чекбоксом, как ей сообщить что надо дисаблить элемент?
именно при загрузки ....

Код


$(function(){
var $x=$("#test1ch");
if($x.prop("checked")) $x.prop('disabled', true);
});

Это сообщение отредактировал(а) ksnk - 10.9.2012, 12:12

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

finogeev

Дата 10.9.2012, 12:20 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 108
Регистрация: 5.3.2007

Репутация: нет
Всего: нет

Цитата(ksnk @ 10.9.2012, 12:12)

Цитата(finogeev @ 10.9.2012, 11:52

)

Код


$(function(){
var $x=$("#test1ch");
if($x.prop("checked")) $x.prop('disabled', true);
});

Немного не понял .... Это PHP или JS ??? Вроде синтаксис jQuery %) ...
Т.е. получается по любому каждый чек бокс вручную прописывать и проверять?

ksnk

Дата 10.9.2012, 12:37 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

Цитата(finogeev @ 10.9.2012, 12:20

)

Вроде синтаксис jQuery %)

Я, обычно, переменные с типом jQuery называю идентификатором с $ в начале. Синтаксис позволяет ;)

Это сообщение отредактировал(а) ksnk - 10.9.2012, 12:37

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

ksnk

Дата 10.9.2012, 12:55 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

Цитата(finogeev @ 10.9.2012, 12:20

)

Т.е. получается по любому каждый чек бокс вручную прописывать и проверять?

Каждый чекбокс записывается селектором $(':checkbox'). Все чекбоксы, которые выбраны описываюся $(':checkbox:checked'), что позволяет писать

Код


$(function(){
$(':checkbox:checked').prop('disabled', true);
});

Это сообщение отредактировал(а) ksnk - 10.9.2012, 12:55

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

finogeev

Дата 10.9.2012, 13:20 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 108
Регистрация: 5.3.2007

Репутация: нет
Всего: нет

Цитата(ksnk @ 10.9.2012, 12:55)

Цитата(finogeev @ 10.9.2012, 12:20

)

Т.е. получается по любому каждый чек бокс вручную прописывать и проверять?

Код


$(function(){
$(':checkbox:checked').prop('disabled', true);
});

Да, но это тогда дисеблид не нужное input поле, а сам чекбокс ... Так я пробывал, я просто не знал как отловить input поле его ...

ksnk

Дата 10.9.2012, 13:29 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

Вообще-то чекбокс не привязан сам по себе к инпутам. Так что без разметки ничего полезного сказать не получится.

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

Amphiluke

Дата 10.9.2012, 15:42 (ссылка)

(нет голосов)

Загрузка ...

☽

Профиль
Группа: Завсегдатай
Сообщений: 1253
Регистрация: 26.8.2009

Репутация: 39
Всего: 112

Можно и вот так:

Код


$("#test1ch").click(function() {    
    $("#test1inp").prop("disabled", !$(this).prop("checked"));
})
.triggerHandler("click");

Aliance

Дата 11.9.2012, 10:44 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 17
Всего: 137

http://jsfiddle.net/Aliance/Q6JXf/

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »