Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 02.04.2015, 20:29
Интересующийся
Отправить личное сообщение для vasyakrn Посмотреть профиль Найти все сообщения от vasyakrn
 
Регистрация: 10.03.2015
Сообщений: 15

Как пометить чекбокс при нажатии на кнопку?
Как пометить чекбокс при нажатии на кнопку? Нужно сделать при клике на кнопку чекбокс напротив помечался, а c всех остальных с таким же классом, снимать пометки. Вот код:

<div>
<input class="buy-chexbox" onchange="calculateTotalPacketCost()" type="checkbox" name="user_packet_groups[]" value="{$key}"  />
<a class="buy-param" href="#">Купить</a>
</div>

<div>
<input class="buy-chexbox" onchange="calculateTotalPacketCost()" type="checkbox" name="user_packet_groups[]" value="{$key}"  />
<a class="buy-param" href="#">Купить</a>
</div>

<div>
<input class="buy-chexbox" onchange="calculateTotalPacketCost()" type="checkbox" name="user_packet_groups[]" value="{$key}"  />
<a class="buy-param" href="#">Купить</a>
</div>


И еще помогите написать код чтоб при клике на кнопку снимались пометки у всех чекбоксов на странице с одинаковым классом
Ответить с цитированием
  #2 (permalink)  
Старый 03.04.2015, 01:30
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

<style>

.buy-param{

display: inline-block;
background: linear-gradient(rgb(255, 255, 255), rgb(206, 206, 206)) rgb(236, 236, 236);
padding: 2px 27px;
border-radius: 3px;
font: 12px Arial;
border-width: 1px;
border-style: solid;
border-color: #CCC #CCC #AAA;

}

</style>

<div>
<label>
<input class="buy-chexbox" onchange="calculateTotalPacketCost()" type="checkbox" name="user_packet_groups[]" value="{$key}"  />
<span class="buy-param">Купить</span>
</label>
</div>
 
<div>
<label>
<input class="buy-chexbox" onchange="calculateTotalPacketCost()" type="checkbox" name="user_packet_groups[]" value="{$key}"  />
<span class="buy-param">Купить</span>
</label>
</div>
 
<div>
<label>
<input class="buy-chexbox" onchange="calculateTotalPacketCost()" type="checkbox" name="user_packet_groups[]" value="{$key}"  />
<span class="buy-param">Купить</span>
</label>
</div>
__________________
В личку только с интересными предложениями

Последний раз редактировалось danik.js, 03.04.2015 в 01:34.
Ответить с цитированием
  #3 (permalink)  
Старый 03.04.2015, 01:56
Интересующийся
Отправить личное сообщение для vasyakrn Посмотреть профиль Найти все сообщения от vasyakrn
 
Регистрация: 10.03.2015
Сообщений: 15

Немного не так как мне нужно: а именно нужно сделать когда нажимаеш на одну из кнопок купить со всех других снимаются чекбокси
Ответить с цитированием
  #4 (permalink)  
Старый 03.04.2015, 07:38
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

vasyakrn,
вам показали решение первой части
Сообщение от vasyakrn
Нужно сделать при клике на кнопку чекбокс напротив помечался,
Ответить с цитированием
  #5 (permalink)  
Старый 03.04.2015, 11:47
Интересующийся
Отправить личное сообщение для vasyakrn Посмотреть профиль Найти все сообщения от vasyakrn
 
Регистрация: 10.03.2015
Сообщений: 15

Сообщение от рони Посмотреть сообщение
vasyakrn,
вам показали решение первой части
И точно. Но тогда каким кодом сделать чтоб у всех чекбоксом на странице с одинаковим классом убирались галлочки
Ответить с цитированием
  #6 (permalink)  
Старый 03.04.2015, 12:10
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

vasyakrn,
чем type=radio не устраивает?
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style>

.buy-param{

display: inline-block;
background: linear-gradient(rgb(255, 255, 255), rgb(206, 206, 206)) rgb(236, 236, 236);
padding: 2px 27px;
border-radius: 3px;
font: 12px Arial;
border-width: 1px;
border-style: solid;
border-color: #CCC #CCC #AAA;

}

</style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
     $(function(){
       var s = $(":checkbox");
       s.change(function() {
       s.not(this).filter('.'+this.className).prop({'checked' : false});
      });
});
  </script>
</head>

<body>

<div>
<label>
<input class="buy-chexbox" onchange="calculateTotalPacketCost()" type="checkbox" name="user_packet_groups[]" value="{$key}"  />
<span class="buy-param">Купить</span>
</label>
</div>

<div>
<label>
<input class="buy-chexbox" onchange="calculateTotalPacketCost()" type="checkbox" name="user_packet_groups[]" value="{$key}"  />
<span class="buy-param">Купить</span>
</label>
</div>

<div>
<label>
<input class="buy-chexbox" onchange="calculateTotalPacketCost()" type="checkbox" name="user_packet_groups[]" value="{$key}"  />
<span class="buy-param">Купить</span>
</label>
</div>

</body>

</html>
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Смена класса у отдельного div при нажатии на ссылку Maxim-Ra Элементы интерфейса 6 15.02.2015 12:20
При нажатии на кнопку подключать внешний js-скрипт Shurik Элементы интерфейса 16 19.11.2014 04:04
Как средствами Ajax при нажатии на кнопку (ссылку) открывать окно, в котором будет ин Sergo jQuery 3 13.03.2014 10:17
Как вы относитесь к наркоманам? Maxmaxmaximus7 Оффтопик 7 05.02.2014 13:29
вывод нужного текста в текстовом поле при нажатии на кнопку! fifo4ka Общие вопросы Javascript 7 06.05.2008 13:36