Как пометить чекбокс при нажатии на кнопку?
Как пометить чекбокс при нажатии на кнопку? Нужно сделать при клике на кнопку чекбокс напротив помечался, а 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>
И еще помогите написать код чтоб при клике на кнопку снимались пометки у всех чекбоксов на странице с одинаковым классом |
<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>
|
Немного не так как мне нужно: а именно нужно сделать когда нажимаеш на одну из кнопок купить со всех других снимаются чекбокси
|
vasyakrn,
вам показали решение первой части Цитата:
|
Цитата:
|
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>
|
| Часовой пояс GMT +3, время: 06:09. |