<form>
<input type="checkbox"
name="item1"
value="love"
id='love'
onChange='test(this)'>
<label for='love'> I love you</label><br>
<input type="checkbox"
name="item1"
value="lovet"
id='lovet'
onChange='test(this)'><label for='lovet'> I love you too</label><br>
<input type="checkbox"
name="item2"
value="dlove"
id='dlove'
onChange='test(this)'>
<label for='dlove'>I don't love you </label><br>
<input type="checkbox"
name="item2"
value="dlovet"
id='dlovet'
onChange='test(this)'>
<label for='dlovet'> I don't love you either</label><br>
</form>
<script>
var choose_one=[];
function test(v){
var ft=[]
if(v.checked){
if(choose_one.length){
ft=choose_one.filter(function _(v1){
var have_= v1.name == v.name
if(!have_) {
v1.checked=false
}
return have_
})
}
ft.push(v);
}
else{
if(choose_one.length){
ft=choose_one.filter(function _(v1){
return v1.id != v.id
})
}
}
choose_one=ft;
}
</script>