Question

Please follow these steps in the jsfiddle to understand my question

1. Click on open grid link and select option “3”, buttons A,B and C would appear

2. Enter in number 2 in the number of Answers textbox. Then select buttons A and C

3. Now click on the open grid again and select option 6.

4. Now the number of Answers textbox is empty so type in 2 again in the text-box. So only 2 answers should be selected and as A and C is already selected, it should not allow another button to be selected (an alert should appear)

But this does not happen. Instead the user can select another 2 buttons and then the alert message would appear if another button is selected. This means you see 4 buttons being selected which is incorrect, it should still be 2.

So does anyone have an idea why it is doing this? It probably because the click count which somenbody mentioned is being reset everytime the grid is opened and another option is chosen.

Thanks

Code is in jsfiddle, click here

Answer 1

Change this lines in the btnclick function:

if (document.getElementById("numberAnswerTxt").value == currenttotal) {
    alert('You are not allowed beyond the limit of the number of answers you require, deselect other button');

To this:

currenttotal = $('.answerBtnsOn').length;
if (int(document.getElementById("numberAnswerTxt").value) == currenttotal) {
    alert('You are not allowed beyond the limit of the number of answers you require, deselect other button');

Like you have done in the insertQuestion function, getting the number of buttons pressed by using the length of the jQuery object.