i have two checboxes
<input type="checkbox" name="some" >
<input type="checkbox" name="other" >
the thing i want to do that when i check one of them other one should automatically unchecked. Remember that name of both checkboxes are changed not same . please help me . Thanx in advance
$('input[name="some"]').click(function(){
$('input[name="other"]').removeAttr('checked');
});
$('input[name="other"]').click(function(){
$('input[name="some"]').removeAttr('checked');
});
Working sample
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.js"></script>
<input type="checkbox" name="some" >
<input type="checkbox" name="other" >
<script>
$('input[name="some"]').click(function(){
$('input[name="other"]').removeAttr('checked');
});
$('input[name="other"]').click(function(){
$('input[name="some"]').removeAttr('checked');
});
</script>
Try to work with radio buttons, because so you don't have to add any javascript code !
Radio buttons only allow one selection.
I think it would be a good choice to use classes on the checkboxes and from there and then just call the functions.
If you are using jQuery v1.6 or higher;
$('input[name="some"]').click(function(){
$('input[name="other"]').prop("checked", false);
});
This code unchecks the 'other' checkbox when the 'some' checkbox is clicked.
$("input[type=checkbox]").click(function(){
$('input[type=checkbox]').each(function () {
$(this).prop("checked", false);
}
$(this).prop("checked", true);
});
<input type="radio" name="other" >)