Новичок. Делал методом проб и ошибок, т.ч. строго не судите.
Вроде всё работает, вопрос только в том, "по феншую-ли" или криво?
Задача 1:
Сделать видимым только один checkbox из двух, но при снятии выделения с видимого, оно (выделение) должно возвращаться на скрытый.
Задача 2:
При выделении или снятии выделения, показывать какой из параметров выбран.
<form action="cart" method="get">
<input type="checkbox" name="variant_id" value='1' onchange="display_variant_1(this.value);" id='1' checked="checked" style=" display:none;" />
<input type="checkbox" name="variant_id" value='2' onchange="display_variant_1(this.value);" id='2' /><label for='2'>item №2</label><br />
<span id="variant_price_1">По-умолчанию item №1</span>
<script type="text/javascript">
var variants_prices = new Array;
variants_prices[1] = 'Вернули item №1';
variants_prices[2] = 'Выбрали item №2';
function display_variant_1()
{
if(document.getElementById('2').checked == true){document.getElementById('1').checked = false;document.getElementById('variant_price_1').innerHTML = variants_prices[2];}else{document.getElementById('1').checked = true;document.getElementById('variant_price_1').innerHTML = variants_prices[1];}
}
</script>
</form>