Html+js — как делать uncheck другим checkbox при переключении на текущий чекбокс?

Question

[ofounder]

как сделать так чтобы можно было выбрать только один чекбокс, и когда выбираем какой-то чекбокс другой, то предыдущий должен быть unchecked и поля дополнительные под ним скрыты

jsfiddle.net/SBhNx/71


Название 1




Название 2





JS--->

$(function(){
$("input[type='checkbox']").change(function(){

if($(this).is(":checked"))
{
$("#"+$(this).attr("id")+"_box").show();
}
else{
$("#"+$(this).attr("id")+"_box").find("input[type='text']").val("") ;
$("#"+$(this).attr("id")+"_box").hide();
}
});
});

Comments

[Денис Букреев]

код выложил на 5+

Answer 1

[Lumore]

Много лишнего кода у вас, конечно. jsfiddle.net/SBhNx/73

Comments

[ofounder]

спасибо, а как сделать чтобы когда происходит uncheck то и поле с текстом ниже очищалось

[Lumore]

ofounder: jsfiddle.net/SBhNx/74

Answer 2

[Kanonier8]

Мне кажется или для таких задач были придуманы Radio Buttons

<input type="radio" name="test" value="Radio 1" />
 <input type="radio" name="test" value="Radio 2" />

htmlbook.ru/samhtml5/formy/pereklyuchateli