Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 13.07.2013, 03:52
Кандидат Javascript-наук
Отправить личное сообщение для posta Посмотреть профиль Найти все сообщения от posta
 
Регистрация: 27.08.2010
Сообщений: 115

uniform отключение-включение
Подскажите, как программно включить - выключить uniform checkbox'ы.
Например - есть 3 чекбокса. нажатие на кнопку 1 - включает все чекбоксы, на вторую - отключает.


<button id="reg-selectall">Выделить все</button>
<button id="reg-deselectall">Снять все</button>

<label><input checked type="checkbox" name="one">1</label>
<label><input checked type="checkbox" name="two">2</label>
<label><input checked type="checkbox" name="three">3</label>


// метод - не работает
$('#reg-selectall').on("click", function(){
	$("label .checker span input").attr('checked',true);
	
	// если включить следующую функцию, то все будет работать, но при одиночном щелчке на один из чекбоксов - работать не будет.
	//$("label .checker span").addClass('checked');

	$.uniform.update();
});

// метод - работает
$('#reg-deselectall').on("click", function(){
	$("label .checker span input").removeAttr('checked');
	$.uniform.update();
});
Ответить с цитированием
  #2 (permalink)  
Старый 13.07.2013, 07:47
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

posta, проставьте нужным группам один класс - включайте/отключайте по классу,
Или обернуть
<script type="text/javascript" src="http://yandex.st/jquery/1.7.2/jquery.min.js"></script>
<div class=checkToggle>
<button id="reg-selectall">Выделить все</button>

<label><input checked type="checkbox" name="one">1</label>
<label><input checked type="checkbox" name="two">2</label>
<label><input checked type="checkbox" name="three">3</label>

<button id="reg-deselectall">Снять все</button>
</div>

<script type="text/javascript">
$('#reg-selectall').on("click", function(){
  $('.checkToggle input').attr('checked',true)
});
$('#reg-deselectall').on("click", function(){
  $('.checkToggle input').attr('checked',false)
});

</script>

Последний раз редактировалось Deff, 13.07.2013 в 07:58.
Ответить с цитированием
  #3 (permalink)  
Старый 13.07.2013, 09:33
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,108

posta, для checked лучше prop
<!DOCTYPE html>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script src="http://code.jquery.com/jquery-1.9.1.js">
</script>
  <script>
$(document).ready(function(){
$('#reg-selectall').on("click", function(){
$("label input").prop('checked',true);
})
$('#reg-deselectall').on("click", function(){
$("label input").prop('checked',false);
})
  });
  </script>

</head>

<body>
<button id="reg-selectall">Выделить все</button>
<button id="reg-deselectall">Снять все</button>

<label><input checked type="checkbox" name="one">1</label>
<label><input checked type="checkbox" name="two">2</label>
<label><input checked type="checkbox" name="three">3</label>

</body>
</html>
Ответить с цитированием
  #4 (permalink)  
Старый 13.07.2013, 15:05
Кандидат Javascript-наук
Отправить личное сообщение для posta Посмотреть профиль Найти все сообщения от posta
 
Регистрация: 27.08.2010
Сообщений: 115

Deff, рони - спасибо, но я искал решение для uniform плагина. Как отключить/включить с его помощью? На простых чекбоксах - и так все понятно.
Ответить с цитированием
  #5 (permalink)  
Старый 13.07.2013, 15:19
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,108

Сообщение от posta
я искал решение для uniform плагина
...а давать ссылку на плагин? нафига он же стоит на всех страницах, его же все знают.
Ответить с цитированием
  #6 (permalink)  
Старый 13.07.2013, 15:24
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

posta,
в данных обоих Вариантах - чем не метод

function setcheck (set) {
  if(set){$('#reg-selectall').click();
 } else $('#reg-deselectall').click();
}
setcheck(true);
setcheck(false);
Ответить с цитированием
  #7 (permalink)  
Старый 13.07.2013, 15:29
Кандидат Javascript-наук
Отправить личное сообщение для posta Посмотреть профиль Найти все сообщения от posta
 
Регистрация: 27.08.2010
Сообщений: 115

рони, черт, а ведь ты прав, забыл. вот - http://uniformjs.com/.
Все перерыл - не нашел ответа. везде решения, примерно как у вас выше.

Deff, извини, но это не то, мне именно по плагину нужна помощь, а не нативные чекбоксы.
Ответить с цитированием
  #8 (permalink)  
Старый 13.07.2013, 16:01
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,108

posta,
решение в лоб - наверняка есть api - читайте доки
<!DOCTYPE html>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <link rel="stylesheet" type="text/css" href="http://uniformjs.com/stylesheets/uniform.aristo.css">
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://uniformjs.com/javascripts/jquery.uniform.min.js"></script>
  <script>
$(document).ready(function(){
$(":checkbox").uniform();
$('#reg-selectall').on("click", function(){
$.uniform.restore(":checkbox");
$(":checkbox").prop('checked',true);
$(":checkbox").uniform();
})
$('#reg-deselectall').on("click", function(){
$.uniform.restore(":checkbox");
$(":checkbox").prop('checked',false);
$(":checkbox").uniform();
})
  });
  </script>

</head>

<body>
<button id="reg-selectall">Выделить все</button>
<button id="reg-deselectall">Снять все</button>

<label><input checked type="checkbox" name="one">1</label>
<label><input checked type="checkbox" name="two">2</label>
<label><input checked type="checkbox" name="three">3</label>

</body>
</html>
Ответить с цитированием
  #9 (permalink)  
Старый 13.07.2013, 16:23
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,108

posta,
вота )))
<!DOCTYPE html>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <link rel="stylesheet" type="text/css" href="http://uniformjs.com/stylesheets/uniform.aristo.css">
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://uniformjs.com/javascripts/jquery.uniform.min.js"></script>
  <script>
  $(document).ready(function()
    {
      $(":checkbox").uniform();
      var b = $('[id ^="reg"]');
      b.on("click", function()
        {
          var i = b.index($(this))
          $(":checkbox").prop('checked', !i);
          $.uniform.update(":checkbox");
        }
      )
    }
  );
  </script>

</head>

<body>
<button id="reg-selectall">Выделить все</button>
<button id="reg-deselectall">Снять все</button>

<label><input checked type="checkbox" name="one">1</label>
<label><input checked type="checkbox" name="two">2</label>
<label><input checked type="checkbox" name="three">3</label>

</body>
</html>
Ответить с цитированием
  #10 (permalink)  
Старый 13.07.2013, 16:39
Кандидат Javascript-наук
Отправить личное сообщение для posta Посмотреть профиль Найти все сообщения от posta
 
Регистрация: 27.08.2010
Сообщений: 115

рони, ты - красавчик! немного подправил код - и все ок. на основе твоего последнего. спасибо, что помог разобраться!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Google Maps API включение и отключение labels birst Общие вопросы Javascript 4 21.12.2013 01:48
отключение функции в определённом месте andrwe Общие вопросы Javascript 11 02.05.2011 20:19
Временное отключение функции snk jQuery 2 07.09.2010 17:56
Fancybox и (блокировка, заморозка, отключение) скрола Sibon jQuery 0 28.05.2010 14:52
отключение javascript Diner Общие вопросы Javascript 1 22.02.2010 15:26