Mixing
How to select only one checkbox from list of checkboxes with help of javascript
-2
I have html form with lots of checkboxes which are dynamically generated by PHP based on data in my mysql table. First 3 checkboxes (FBS, PPBS, RBS) are such that only one should be selected. if checkbox 1 is selected then 2 and 3 must be deselected, if 2 is selected then 1 and 3 must be deselected, if 3 is selected then 1 and 2 must be deselected. so essentially either none of the first 3 checkboxes should be selected or only one.
i cant use radio button as these checkboxes are dynamically generated. if i use radio button then there will be issue with rest of the checkboxes.
sample code is given below.
<input type="checkbox" name="boxset" value="FBS" id="1"> FBS<br>
<input type="checkbox" name="boxset" value="PPBS (2 hrs)" id="2"> PPBS (2 hrs)<br>
<input type="checkbox" name="boxset" value="RBS" id="3"> RBS<br>
<input type="checkbox" name="boxset" value="SGOT" id="4"> SGOT<br>
<input type="checkbox" name="boxset" value="SGPT" id="5"> SGPT<br>
<input type="checkbox" name="boxset" value="ALP" id="6"> ALP<br>
<input type="checkbox" name="boxset" value="T. Protein" id="7"> T. Protein<br>
<input type="checkbox" name="boxset" value="S. Albumin" id="8"> S. Albumin<br>
<input type="checkbox" name="boxset" value="T. Bilirubin" id="9"> T. Bilirubin<br>
<input type="checkbox" name="boxset" value="D. Bilirubin" id="10"> D. Bilirubin<br>
<input type="checkbox" name="boxset" value="Urea" id="11"> Urea<br>
<input type="checkbox" name="boxset" value="Creatinine" id="12"> Creatinine<br>
<input type="checkbox" name="boxset" value="Sodium (Na+)" id="13"> Sodium (Na+)<br>
<input type="checkbox" name="boxset" value="Potassium (K+)" id="14"> Potassium (K+)<br>
<input type="checkbox" name="boxset" value="Chloride (Cl-)" id="15"> Chloride (Cl-)<br>
<input type="checkbox" name="boxset" value="Calcium" id="16"> Calcium<br>
<input type="checkbox" name="boxset" value="Phosphorous" id="17"> Phosphorous<br>
<input type="checkbox" name="boxset" value="Uric Acid" id="18"> Uric Acid<br>
<input type="checkbox" name="boxset" value="CPK" id="19"> CPK<br>
<input type="checkbox" name="boxset" value="CPK-MB" id="20"> CPK-MB<br>
<input type="checkbox" name="boxset" value="Cholesterol" id="21"> Cholesterol<br>
<input type="checkbox" name="boxset" value="Triglyceride" id="22"> Triglyceride<br>
<input type="checkbox" name="boxset" value="HDL" id="23"> HDL<br>
<input type="checkbox" name="boxset" value="LDL" id="24"> LDL<br>
<input type="checkbox" name="boxset" value="Amylase" id="25"> Amylase<br>
<input type="checkbox" name="boxset" value="Cholinesterase" id="26"> Cholinesterase<br>
<input type="checkbox" name="boxset" value="LDH" id="27"> LDH<br>
<input type="checkbox" name="boxset" value="T3-Total" id="28"> T3-Total<br>
<input type="checkbox" name="boxset" value="T4-Total" id="29"> T4-Total<br>
<input type="checkbox" name="boxset" value="TSH" id="30"> TSH<br>
<input type="checkbox" name="boxset" value="Vitamin B12" id="31"> Vitamin B12<br>
<input type="checkbox" name="boxset" value="25-OH-Vitamin D" id="32"> 25-OH-Vitamin D<br>
<input type="checkbox" name="boxset" value="FSH" id="33"> FSH<br>
<input type="checkbox" name="boxset" value="LH" id="34"> LH<br>
<input type="checkbox" name="boxset" value="Prolactin" id="35"> Prolactin<br>
<input type="checkbox" name="boxset" value="HbA1c" id="36"> HbA1c<br>
javascript html
edited Jan 1 at 11:31
Shadow
26k92945
asked Jan 1 at 11:01
aaa123123aaa123123
94
add a comment |
-2
I have html form with lots of checkboxes which are dynamically generated by PHP based on data in my mysql table. First 3 checkboxes (FBS, PPBS, RBS) are such that only one should be selected. if checkbox 1 is selected then 2 and 3 must be deselected, if 2 is selected then 1 and 3 must be deselected, if 3 is selected then 1 and 2 must be deselected. so essentially either none of the first 3 checkboxes should be selected or only one.
i cant use radio button as these checkboxes are dynamically generated. if i use radio button then there will be issue with rest of the checkboxes.
sample code is given below.
<input type="checkbox" name="boxset" value="FBS" id="1"> FBS<br>
<input type="checkbox" name="boxset" value="PPBS (2 hrs)" id="2"> PPBS (2 hrs)<br>
<input type="checkbox" name="boxset" value="RBS" id="3"> RBS<br>
<input type="checkbox" name="boxset" value="SGOT" id="4"> SGOT<br>
<input type="checkbox" name="boxset" value="SGPT" id="5"> SGPT<br>
<input type="checkbox" name="boxset" value="ALP" id="6"> ALP<br>
<input type="checkbox" name="boxset" value="T. Protein" id="7"> T. Protein<br>
<input type="checkbox" name="boxset" value="S. Albumin" id="8"> S. Albumin<br>
<input type="checkbox" name="boxset" value="T. Bilirubin" id="9"> T. Bilirubin<br>
<input type="checkbox" name="boxset" value="D. Bilirubin" id="10"> D. Bilirubin<br>
<input type="checkbox" name="boxset" value="Urea" id="11"> Urea<br>
<input type="checkbox" name="boxset" value="Creatinine" id="12"> Creatinine<br>
<input type="checkbox" name="boxset" value="Sodium (Na+)" id="13"> Sodium (Na+)<br>
<input type="checkbox" name="boxset" value="Potassium (K+)" id="14"> Potassium (K+)<br>
<input type="checkbox" name="boxset" value="Chloride (Cl-)" id="15"> Chloride (Cl-)<br>
<input type="checkbox" name="boxset" value="Calcium" id="16"> Calcium<br>
<input type="checkbox" name="boxset" value="Phosphorous" id="17"> Phosphorous<br>
<input type="checkbox" name="boxset" value="Uric Acid" id="18"> Uric Acid<br>
<input type="checkbox" name="boxset" value="CPK" id="19"> CPK<br>
<input type="checkbox" name="boxset" value="CPK-MB" id="20"> CPK-MB<br>
<input type="checkbox" name="boxset" value="Cholesterol" id="21"> Cholesterol<br>
<input type="checkbox" name="boxset" value="Triglyceride" id="22"> Triglyceride<br>
<input type="checkbox" name="boxset" value="HDL" id="23"> HDL<br>
<input type="checkbox" name="boxset" value="LDL" id="24"> LDL<br>
<input type="checkbox" name="boxset" value="Amylase" id="25"> Amylase<br>
<input type="checkbox" name="boxset" value="Cholinesterase" id="26"> Cholinesterase<br>
<input type="checkbox" name="boxset" value="LDH" id="27"> LDH<br>
<input type="checkbox" name="boxset" value="T3-Total" id="28"> T3-Total<br>
<input type="checkbox" name="boxset" value="T4-Total" id="29"> T4-Total<br>
<input type="checkbox" name="boxset" value="TSH" id="30"> TSH<br>
<input type="checkbox" name="boxset" value="Vitamin B12" id="31"> Vitamin B12<br>
<input type="checkbox" name="boxset" value="25-OH-Vitamin D" id="32"> 25-OH-Vitamin D<br>
<input type="checkbox" name="boxset" value="FSH" id="33"> FSH<br>
<input type="checkbox" name="boxset" value="LH" id="34"> LH<br>
<input type="checkbox" name="boxset" value="Prolactin" id="35"> Prolactin<br>
<input type="checkbox" name="boxset" value="HbA1c" id="36"> HbA1c<br>
javascript html
edited Jan 1 at 11:31
Shadow
26k92945
asked Jan 1 at 11:01
aaa123123aaa123123
94
4
Why can't the first 3 be radio buttons and the rest checkboxes?
– Nick
Jan 1 at 11:03
@Nick : cant keep radio buttons because (1)as these checkboxes are dynamically generated by PHP based on mysql database table. and once this form gets submitted it goes into different table of database. (2) if i keep radio button for first 3 and checkboxes for remaining then extra amount of php script required which makes code complicated. so if there is javascript solution for that i would like to do it
– aaa123123
Jan 1 at 11:09
add a comment |
-2
-2
-2
1
I have html form with lots of checkboxes which are dynamically generated by PHP based on data in my mysql table. First 3 checkboxes (FBS, PPBS, RBS) are such that only one should be selected. if checkbox 1 is selected then 2 and 3 must be deselected, if 2 is selected then 1 and 3 must be deselected, if 3 is selected then 1 and 2 must be deselected. so essentially either none of the first 3 checkboxes should be selected or only one.
i cant use radio button as these checkboxes are dynamically generated. if i use radio button then there will be issue with rest of the checkboxes.
sample code is given below.
<input type="checkbox" name="boxset" value="FBS" id="1"> FBS<br>
<input type="checkbox" name="boxset" value="PPBS (2 hrs)" id="2"> PPBS (2 hrs)<br>
<input type="checkbox" name="boxset" value="RBS" id="3"> RBS<br>
<input type="checkbox" name="boxset" value="SGOT" id="4"> SGOT<br>
<input type="checkbox" name="boxset" value="SGPT" id="5"> SGPT<br>
<input type="checkbox" name="boxset" value="ALP" id="6"> ALP<br>
<input type="checkbox" name="boxset" value="T. Protein" id="7"> T. Protein<br>
<input type="checkbox" name="boxset" value="S. Albumin" id="8"> S. Albumin<br>
<input type="checkbox" name="boxset" value="T. Bilirubin" id="9"> T. Bilirubin<br>
<input type="checkbox" name="boxset" value="D. Bilirubin" id="10"> D. Bilirubin<br>
<input type="checkbox" name="boxset" value="Urea" id="11"> Urea<br>
<input type="checkbox" name="boxset" value="Creatinine" id="12"> Creatinine<br>
<input type="checkbox" name="boxset" value="Sodium (Na+)" id="13"> Sodium (Na+)<br>
<input type="checkbox" name="boxset" value="Potassium (K+)" id="14"> Potassium (K+)<br>
<input type="checkbox" name="boxset" value="Chloride (Cl-)" id="15"> Chloride (Cl-)<br>
<input type="checkbox" name="boxset" value="Calcium" id="16"> Calcium<br>
<input type="checkbox" name="boxset" value="Phosphorous" id="17"> Phosphorous<br>
<input type="checkbox" name="boxset" value="Uric Acid" id="18"> Uric Acid<br>
<input type="checkbox" name="boxset" value="CPK" id="19"> CPK<br>
<input type="checkbox" name="boxset" value="CPK-MB" id="20"> CPK-MB<br>
<input type="checkbox" name="boxset" value="Cholesterol" id="21"> Cholesterol<br>
<input type="checkbox" name="boxset" value="Triglyceride" id="22"> Triglyceride<br>
<input type="checkbox" name="boxset" value="HDL" id="23"> HDL<br>
<input type="checkbox" name="boxset" value="LDL" id="24"> LDL<br>
<input type="checkbox" name="boxset" value="Amylase" id="25"> Amylase<br>
<input type="checkbox" name="boxset" value="Cholinesterase" id="26"> Cholinesterase<br>
<input type="checkbox" name="boxset" value="LDH" id="27"> LDH<br>
<input type="checkbox" name="boxset" value="T3-Total" id="28"> T3-Total<br>
<input type="checkbox" name="boxset" value="T4-Total" id="29"> T4-Total<br>
<input type="checkbox" name="boxset" value="TSH" id="30"> TSH<br>
<input type="checkbox" name="boxset" value="Vitamin B12" id="31"> Vitamin B12<br>
<input type="checkbox" name="boxset" value="25-OH-Vitamin D" id="32"> 25-OH-Vitamin D<br>
<input type="checkbox" name="boxset" value="FSH" id="33"> FSH<br>
<input type="checkbox" name="boxset" value="LH" id="34"> LH<br>
<input type="checkbox" name="boxset" value="Prolactin" id="35"> Prolactin<br>
<input type="checkbox" name="boxset" value="HbA1c" id="36"> HbA1c<br>
javascript html
edited Jan 1 at 11:31
Shadow
26k92945
asked Jan 1 at 11:01
aaa123123aaa123123
94
I have html form with lots of checkboxes which are dynamically generated by PHP based on data in my mysql table. First 3 checkboxes (FBS, PPBS, RBS) are such that only one should be selected. if checkbox 1 is selected then 2 and 3 must be deselected, if 2 is selected then 1 and 3 must be deselected, if 3 is selected then 1 and 2 must be deselected. so essentially either none of the first 3 checkboxes should be selected or only one.
i cant use radio button as these checkboxes are dynamically generated. if i use radio button then there will be issue with rest of the checkboxes.
sample code is given below.
<input type="checkbox" name="boxset" value="FBS" id="1"> FBS<br>
<input type="checkbox" name="boxset" value="PPBS (2 hrs)" id="2"> PPBS (2 hrs)<br>
<input type="checkbox" name="boxset" value="RBS" id="3"> RBS<br>
<input type="checkbox" name="boxset" value="SGOT" id="4"> SGOT<br>
<input type="checkbox" name="boxset" value="SGPT" id="5"> SGPT<br>
<input type="checkbox" name="boxset" value="ALP" id="6"> ALP<br>
<input type="checkbox" name="boxset" value="T. Protein" id="7"> T. Protein<br>
<input type="checkbox" name="boxset" value="S. Albumin" id="8"> S. Albumin<br>
<input type="checkbox" name="boxset" value="T. Bilirubin" id="9"> T. Bilirubin<br>
<input type="checkbox" name="boxset" value="D. Bilirubin" id="10"> D. Bilirubin<br>
<input type="checkbox" name="boxset" value="Urea" id="11"> Urea<br>
<input type="checkbox" name="boxset" value="Creatinine" id="12"> Creatinine<br>
<input type="checkbox" name="boxset" value="Sodium (Na+)" id="13"> Sodium (Na+)<br>
<input type="checkbox" name="boxset" value="Potassium (K+)" id="14"> Potassium (K+)<br>
<input type="checkbox" name="boxset" value="Chloride (Cl-)" id="15"> Chloride (Cl-)<br>
<input type="checkbox" name="boxset" value="Calcium" id="16"> Calcium<br>
<input type="checkbox" name="boxset" value="Phosphorous" id="17"> Phosphorous<br>
<input type="checkbox" name="boxset" value="Uric Acid" id="18"> Uric Acid<br>
<input type="checkbox" name="boxset" value="CPK" id="19"> CPK<br>
<input type="checkbox" name="boxset" value="CPK-MB" id="20"> CPK-MB<br>
<input type="checkbox" name="boxset" value="Cholesterol" id="21"> Cholesterol<br>
<input type="checkbox" name="boxset" value="Triglyceride" id="22"> Triglyceride<br>
<input type="checkbox" name="boxset" value="HDL" id="23"> HDL<br>
<input type="checkbox" name="boxset" value="LDL" id="24"> LDL<br>
<input type="checkbox" name="boxset" value="Amylase" id="25"> Amylase<br>
<input type="checkbox" name="boxset" value="Cholinesterase" id="26"> Cholinesterase<br>
<input type="checkbox" name="boxset" value="LDH" id="27"> LDH<br>
<input type="checkbox" name="boxset" value="T3-Total" id="28"> T3-Total<br>
<input type="checkbox" name="boxset" value="T4-Total" id="29"> T4-Total<br>
<input type="checkbox" name="boxset" value="TSH" id="30"> TSH<br>
<input type="checkbox" name="boxset" value="Vitamin B12" id="31"> Vitamin B12<br>
<input type="checkbox" name="boxset" value="25-OH-Vitamin D" id="32"> 25-OH-Vitamin D<br>
<input type="checkbox" name="boxset" value="FSH" id="33"> FSH<br>
<input type="checkbox" name="boxset" value="LH" id="34"> LH<br>
<input type="checkbox" name="boxset" value="Prolactin" id="35"> Prolactin<br>
<input type="checkbox" name="boxset" value="HbA1c" id="36"> HbA1c<br>
javascript html
javascript html
edited Jan 1 at 11:31
Shadow
26k92945
asked Jan 1 at 11:01
aaa123123aaa123123
94
edited Jan 1 at 11:31
Shadow
26k92945
asked Jan 1 at 11:01
aaa123123aaa123123
94
edited Jan 1 at 11:31
Shadow
26k92945
edited Jan 1 at 11:31
Shadow
26k92945
edited Jan 1 at 11:31
Shadow
26k92945
26k92945
asked Jan 1 at 11:01
aaa123123aaa123123
94
asked Jan 1 at 11:01
aaa123123aaa123123
94
asked Jan 1 at 11:01
aaa123123aaa123123
94
94
4
Why can't the first 3 be radio buttons and the rest checkboxes?
– Nick
Jan 1 at 11:03
@Nick : cant keep radio buttons because (1)as these checkboxes are dynamically generated by PHP based on mysql database table. and once this form gets submitted it goes into different table of database. (2) if i keep radio button for first 3 and checkboxes for remaining then extra amount of php script required which makes code complicated. so if there is javascript solution for that i would like to do it
– aaa123123
Jan 1 at 11:09
add a comment |
4
Why can't the first 3 be radio buttons and the rest checkboxes?
– Nick
Jan 1 at 11:03
@Nick : cant keep radio buttons because (1)as these checkboxes are dynamically generated by PHP based on mysql database table. and once this form gets submitted it goes into different table of database. (2) if i keep radio button for first 3 and checkboxes for remaining then extra amount of php script required which makes code complicated. so if there is javascript solution for that i would like to do it
– aaa123123
Jan 1 at 11:09
4
4
Why can't the first 3 be radio buttons and the rest checkboxes?
– Nick
Jan 1 at 11:03
Why can't the first 3 be radio buttons and the rest checkboxes?
– Nick
Jan 1 at 11:03
@Nick : cant keep radio buttons because (1)as these checkboxes are dynamically generated by PHP based on mysql database table. and once this form gets submitted it goes into different table of database. (2) if i keep radio button for first 3 and checkboxes for remaining then extra amount of php script required which makes code complicated. so if there is javascript solution for that i would like to do it
– aaa123123
Jan 1 at 11:09
@Nick : cant keep radio buttons because (1)as these checkboxes are dynamically generated by PHP based on mysql database table. and once this form gets submitted it goes into different table of database. (2) if i keep radio button for first 3 and checkboxes for remaining then extra amount of php script required which makes code complicated. so if there is javascript solution for that i would like to do it
– aaa123123
Jan 1 at 11:09
add a comment |
2 Answers
2
active
oldest
votes
0
Here is a piece of cake for you.
$(function()
{
$('input[type=checkbox]').click(function()
{
var id = $(this).attr('id');
if(id == 1)
{
$(":checkbox[id=2]").prop("checked",false);
$(":checkbox[id=3]").prop("checked",false);
}
else if(id ==2)
{
$(":checkbox[id=1]").prop("checked",false);
$(":checkbox[id=3]").prop("checked",false);
}
else if(id ==3)
{
$(":checkbox[id=2]").prop("checked",false);
$(":checkbox[id=1]").prop("checked",false);
}
})
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="checkbox" name="boxset" value="FBS" id="1"> FBS<br>
<input type="checkbox" name="boxset" value="PPBS (2 hrs)" id="2"> PPBS (2 hrs)<br>
<input type="checkbox" name="boxset" value="RBS" id="3"> RBS<br>answered Jan 1 at 11:41
Sel FishSel Fish
5618
i really appreciate your efforts. but i need pure javascript solution as i never used jquery before
– aaa123123
Jan 1 at 14:18
add a comment |
0
Check this Out https://jsfiddle.net/shoesheill/x4j750ov/4/
$('input[type="checkbox"]').off().on('click', function() {
$('input[name="' + this.name + '"]').not(this).prop('checked', false);
});
answered Jan 1 at 11:51
SushilSushil
760222
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53994917%2fhow-to-select-only-one-checkbox-from-list-of-checkboxes-with-help-of-javascript%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
0
Here is a piece of cake for you.
$(function()
{
$('input[type=checkbox]').click(function()
{
var id = $(this).attr('id');
if(id == 1)
{
$(":checkbox[id=2]").prop("checked",false);
$(":checkbox[id=3]").prop("checked",false);
}
else if(id ==2)
{
$(":checkbox[id=1]").prop("checked",false);
$(":checkbox[id=3]").prop("checked",false);
}
else if(id ==3)
{
$(":checkbox[id=2]").prop("checked",false);
$(":checkbox[id=1]").prop("checked",false);
}
})
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="checkbox" name="boxset" value="FBS" id="1"> FBS<br>
<input type="checkbox" name="boxset" value="PPBS (2 hrs)" id="2"> PPBS (2 hrs)<br>
<input type="checkbox" name="boxset" value="RBS" id="3"> RBS<br>answered Jan 1 at 11:41
Sel FishSel Fish
5618
i really appreciate your efforts. but i need pure javascript solution as i never used jquery before
– aaa123123
Jan 1 at 14:18
add a comment |
0
Here is a piece of cake for you.
$(function()
{
$('input[type=checkbox]').click(function()
{
var id = $(this).attr('id');
if(id == 1)
{
$(":checkbox[id=2]").prop("checked",false);
$(":checkbox[id=3]").prop("checked",false);
}
else if(id ==2)
{
$(":checkbox[id=1]").prop("checked",false);
$(":checkbox[id=3]").prop("checked",false);
}
else if(id ==3)
{
$(":checkbox[id=2]").prop("checked",false);
$(":checkbox[id=1]").prop("checked",false);
}
})
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="checkbox" name="boxset" value="FBS" id="1"> FBS<br>
<input type="checkbox" name="boxset" value="PPBS (2 hrs)" id="2"> PPBS (2 hrs)<br>
<input type="checkbox" name="boxset" value="RBS" id="3"> RBS<br>answered Jan 1 at 11:41
Sel FishSel Fish
5618
i really appreciate your efforts. but i need pure javascript solution as i never used jquery before
– aaa123123
Jan 1 at 14:18
add a comment |
0
0
0
Here is a piece of cake for you.
$(function()
{
$('input[type=checkbox]').click(function()
{
var id = $(this).attr('id');
if(id == 1)
{
$(":checkbox[id=2]").prop("checked",false);
$(":checkbox[id=3]").prop("checked",false);
}
else if(id ==2)
{
$(":checkbox[id=1]").prop("checked",false);
$(":checkbox[id=3]").prop("checked",false);
}
else if(id ==3)
{
$(":checkbox[id=2]").prop("checked",false);
$(":checkbox[id=1]").prop("checked",false);
}
})
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="checkbox" name="boxset" value="FBS" id="1"> FBS<br>
<input type="checkbox" name="boxset" value="PPBS (2 hrs)" id="2"> PPBS (2 hrs)<br>
<input type="checkbox" name="boxset" value="RBS" id="3"> RBS<br>answered Jan 1 at 11:41
Sel FishSel Fish
5618
Here is a piece of cake for you.
$(function()
{
$('input[type=checkbox]').click(function()
{
var id = $(this).attr('id');
if(id == 1)
{
$(":checkbox[id=2]").prop("checked",false);
$(":checkbox[id=3]").prop("checked",false);
}
else if(id ==2)
{
$(":checkbox[id=1]").prop("checked",false);
$(":checkbox[id=3]").prop("checked",false);
}
else if(id ==3)
{
$(":checkbox[id=2]").prop("checked",false);
$(":checkbox[id=1]").prop("checked",false);
}
})
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="checkbox" name="boxset" value="FBS" id="1"> FBS<br>
<input type="checkbox" name="boxset" value="PPBS (2 hrs)" id="2"> PPBS (2 hrs)<br>
<input type="checkbox" name="boxset" value="RBS" id="3"> RBS<br>$(function()
{
$('input[type=checkbox]').click(function()
{
var id = $(this).attr('id');
if(id == 1)
{
$(":checkbox[id=2]").prop("checked",false);
$(":checkbox[id=3]").prop("checked",false);
}
else if(id ==2)
{
$(":checkbox[id=1]").prop("checked",false);
$(":checkbox[id=3]").prop("checked",false);
}
else if(id ==3)
{
$(":checkbox[id=2]").prop("checked",false);
$(":checkbox[id=1]").prop("checked",false);
}
})
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="checkbox" name="boxset" value="FBS" id="1"> FBS<br>
<input type="checkbox" name="boxset" value="PPBS (2 hrs)" id="2"> PPBS (2 hrs)<br>
<input type="checkbox" name="boxset" value="RBS" id="3"> RBS<br>$(function()
{
$('input[type=checkbox]').click(function()
{
var id = $(this).attr('id');
if(id == 1)
{
$(":checkbox[id=2]").prop("checked",false);
$(":checkbox[id=3]").prop("checked",false);
}
else if(id ==2)
{
$(":checkbox[id=1]").prop("checked",false);
$(":checkbox[id=3]").prop("checked",false);
}
else if(id ==3)
{
$(":checkbox[id=2]").prop("checked",false);
$(":checkbox[id=1]").prop("checked",false);
}
})
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="checkbox" name="boxset" value="FBS" id="1"> FBS<br>
<input type="checkbox" name="boxset" value="PPBS (2 hrs)" id="2"> PPBS (2 hrs)<br>
<input type="checkbox" name="boxset" value="RBS" id="3"> RBS<br>answered Jan 1 at 11:41
Sel FishSel Fish
5618
answered Jan 1 at 11:41
Sel FishSel Fish
5618
answered Jan 1 at 11:41
Sel FishSel Fish
5618
answered Jan 1 at 11:41
Sel FishSel Fish
5618
5618
i really appreciate your efforts. but i need pure javascript solution as i never used jquery before
– aaa123123
Jan 1 at 14:18
add a comment |
i really appreciate your efforts. but i need pure javascript solution as i never used jquery before
– aaa123123
Jan 1 at 14:18
i really appreciate your efforts. but i need pure javascript solution as i never used jquery before
– aaa123123
Jan 1 at 14:18
i really appreciate your efforts. but i need pure javascript solution as i never used jquery before
– aaa123123
Jan 1 at 14:18
add a comment |
0
Check this Out https://jsfiddle.net/shoesheill/x4j750ov/4/
$('input[type="checkbox"]').off().on('click', function() {
$('input[name="' + this.name + '"]').not(this).prop('checked', false);
});
answered Jan 1 at 11:51
SushilSushil
760222
add a comment |
0
Check this Out https://jsfiddle.net/shoesheill/x4j750ov/4/
$('input[type="checkbox"]').off().on('click', function() {
$('input[name="' + this.name + '"]').not(this).prop('checked', false);
});
answered Jan 1 at 11:51
SushilSushil
760222
add a comment |
0
0
0
Check this Out https://jsfiddle.net/shoesheill/x4j750ov/4/
$('input[type="checkbox"]').off().on('click', function() {
$('input[name="' + this.name + '"]').not(this).prop('checked', false);
});
answered Jan 1 at 11:51
SushilSushil
760222
Check this Out https://jsfiddle.net/shoesheill/x4j750ov/4/
$('input[type="checkbox"]').off().on('click', function() {
$('input[name="' + this.name + '"]').not(this).prop('checked', false);
});
answered Jan 1 at 11:51
SushilSushil
760222
answered Jan 1 at 11:51
SushilSushil
760222
answered Jan 1 at 11:51
SushilSushil
760222
answered Jan 1 at 11:51
SushilSushil
760222
760222
add a comment |
add a comment |
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53994917%2fhow-to-select-only-one-checkbox-from-list-of-checkboxes-with-help-of-javascript%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
4
Why can't the first 3 be radio buttons and the rest checkboxes?
– Nick
Jan 1 at 11:03
@Nick : cant keep radio buttons because (1)as these checkboxes are dynamically generated by PHP based on mysql database table. and once this form gets submitted it goes into different table of database. (2) if i keep radio button for first 3 and checkboxes for remaining then extra amount of php script required which makes code complicated. so if there is javascript solution for that i would like to do it
– aaa123123
Jan 1 at 11:09