Два зависимых checkbox

[mixaaa]

Новичок. Делал методом проб и ошибок, т.ч. строго не судите.

Вроде всё работает, вопрос только в том, насколько "по феншую".

Задача 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 /><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>