ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Checkbox, JavaScript, Bootstrap не могу разобраться
11 сообщений из 11, страница 1 из 1
Checkbox, JavaScript, Bootstrap не могу разобраться
    #38771058
SashkaBol
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SashkaBol
Гость
Есть код:
HTML
Код: html
1.
2.
3.
4.
5.
<label  th:each="bla : ${blabla}"  >
 <input type="checkbox" th:field="*{choosen}" th:value="${bla}" th:text="${bla}" />
</label>

<input class="btn btn-default" type="submit" value="Submit" disabled="disabled"/>



JS
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
<script language="javascript">
    var checkboxes = $("input[type='checkbox']"),
            submitButt = $("input[type='submit']");

    checkboxes.click(function() {
        submitButt.attr("disabled", !checkboxes.is(":checked"));
    });

</script>



Работает на ура! как только я что-то выбираю в чекбоксах - кнопка Submit становится доступной. Но как только я добавляю аттрибут Bootstrap class="btn btn-default"
Код: html
1.
2.
3.
<label  th:each="bla : ${blabla}"  class="btn btn-default">
 <input type="checkbox" th:field="*{choosen}" th:value="${bla}" th:text="${bla}" />
</label>


То код перестает работать, то есть при выборе значения кнопка Submit так и остается недоступной. Как можно обойти эту проблему?
...
Рейтинг: 0 / 0
09.10.2014, 01:20
| Ответить | Цитировать | Написать  
Checkbox, JavaScript, Bootstrap не могу разобраться
    #38771067
Фотография Relic Hunter
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Relic Hunter
Участник
В бутстрапе кнопка отключается не как обычно disabled="true", а disabled="disabled"

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
<p>
   <button type="button" class="btn btn-default btn-lg">
      Default Button
   </button>
   <button type="button" class="btn btn-default btn-lg" disabled="disabled">
      Disabled Button
   </button>
</p>
...
Рейтинг: 0 / 0
09.10.2014, 02:05
| Ответить | Цитировать | Написать  
Checkbox, JavaScript, Bootstrap не могу разобраться
    #38771071
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Relic HunterВ бутстрапе кнопка отключается не как обычно disabled="true"...А "как обычно" - это про что?

Атрибут disabled
...
Рейтинг: 0 / 0
09.10.2014, 02:14
| Ответить | Цитировать | Написать  
Checkbox, JavaScript, Bootstrap не могу разобраться
    #38771073
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Атрибут disabled
...
Рейтинг: 0 / 0
09.10.2014, 02:15
| Ответить | Цитировать | Написать  
Checkbox, JavaScript, Bootstrap не могу разобраться
    #38771085
SashkaBol
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SashkaBol
Гость
Relic HunterВ бутстрапе кнопка отключается не как обычно disabled="true", а disabled="disabled"

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
<p>
   <button type="button" class="btn btn-default btn-lg">
      Default Button
   </button>
   <button type="button" class="btn btn-default btn-lg" disabled="disabled">
      Disabled Button
   </button>
</p>


Несколько раз перечитал сообщение, но так и не понял к чему это. Простите за непонятливость. Можете разжевать?
...
Рейтинг: 0 / 0
09.10.2014, 03:39
| Ответить | Цитировать | Написать  
Checkbox, JavaScript, Bootstrap не могу разобраться
    #38771093
Фотография Relic Hunter
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Relic Hunter
Участник
Извини, камрад. проблема в чем-то другом.
...
Рейтинг: 0 / 0
09.10.2014, 04:44
| Ответить | Цитировать | Написать  
Checkbox, JavaScript, Bootstrap не могу разобраться
    #38771445
carrotik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
carrotik
Участник
SashkaBol,

а если вот так

Код: html
1.
<button type="button" id="myButton" class="btn btn-default btn-lg disabled">



а в скрипте

Код: javascript
1.
$("#myButton").attr('class', "btn btn-default btn-lg");
...
Рейтинг: 0 / 0
09.10.2014, 11:52
| Ответить | Цитировать | Написать  
Checkbox, JavaScript, Bootstrap не могу разобраться
    #38775769
SashkaBol
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SashkaBol
Гость
carrotikSashkaBol,

а если вот так


Это не совсем в ту сторону
...
Рейтинг: 0 / 0
14.10.2014, 06:11
| Ответить | Цитировать | Написать  
Checkbox, JavaScript, Bootstrap не могу разобраться
    #38775890
carrotik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
carrotik
Участник
SashkaBolcarrotikSashkaBol,

а если вот так


Это не совсем в ту сторону

.. а в чем принципиальная разница, поменять атрибут или вновь применить класс? .. работает же ..
...
Рейтинг: 0 / 0
14.10.2014, 10:13
| Ответить | Цитировать | Написать  
Checkbox, JavaScript, Bootstrap не могу разобраться
    #38777926
SashkaBol
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
SashkaBol
Гость
carrotik,

Проблема не в том чтобы поменять аттрибут - это работает без проблем и мои и вашим способом. Проблема в отслеживании изменений чекбоксов. В первом варианте все работает, во втором, после добавления класса бутстрапа(для удобства), что-то ломается. Попробуйте запустить мой код(первый и второй сценарий), поймете о чем я.
...
Рейтинг: 0 / 0
15.10.2014, 19:37
| Ответить | Цитировать | Написать  
Checkbox, JavaScript, Bootstrap не могу разобраться
    #38778329
carrotik
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
carrotik
Участник
SashkaBolcarrotik,

Проблема не в том чтобы поменять аттрибут - это работает без проблем и мои и вашим способом. Проблема в отслеживании изменений чекбоксов. В первом варианте все работает, во втором, после добавления класса бутстрапа(для удобства), что-то ломается. Попробуйте запустить мой код(первый и второй сценарий), поймете о чем я.

... а, я понял .. вы применяете бутстраповский кнопочный стиль к чекбоксам ... по букварю бутстрапа там надо обернуть этот компонент в див и применить к нему атрибут data-toggle="buttons" .... вот так у меня, например, работает:

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
<div class="btn-group" data-toggle="buttons">
<label class="btn btn-primary">
<input type="checkbox" id="chkOut">
Исходящие
</label>
<label class="btn btn-primary">
<input type="checkbox" id="chkIn">
Входящие
</label>
</div>



..а в скрипте проверяется их состояние как
Код: javascript
1.
2.
sOut = $( "#chkOut" ).prop( 'checked' );
sIn =  $( "#chkIn" ).prop( 'checked' );



...хотя, возможно, там еще ваш плагин/фреймворк, которым данные мапятся, как-нибудь влияет ?..
...
Рейтинг: 0 / 0
16.10.2014, 11:33
| Ответить | Цитировать | Написать  
11 сообщений из 11, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Checkbox, JavaScript, Bootstrap не могу разобраться
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&tid=1446625]:
 0ms
get settings:
 9ms
get forum list:
 14ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 64ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 51ms
get tp. blocked users:
 1ms
others: 218ms
total:  374ms
созд. / загр.: 374ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]