Как пометить чекбокс при нажатии на кнопку?
Как пометить чекбокс при нажатии на кнопку? Нужно сделать при клике на кнопку чекбокс напротив помечался, а 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, время: 22:39. |