How do I add a counter to a multiple select question?

Question

Hi, I've created a multiple response question in SSIWeb 8 with 30 items and asking them to select 15 items.  I'd like the respondents to see how many they've selected, so a running count of the number of clicks/checks.  Would someone know how to do this , i.e. what code would I need to put and where would I put it?

Thanks!!
Pina.

Answer 1

Place this where you want the total to appear:

<span class="checkboxCount"></span>

Then place this in the question's footer:

<script>
$(document).ready(function(){
    updateCheckboxCount();
})

function SSI_CustomGraphicalCheckbox() {
    updateCheckboxCount();
}

function updateCheckboxCount() {
    var count = 0;
    $('input[name="hid_list_[% QuestionName() %]"]').val().split(',').forEach(function(item){
        if (SSI_GetValue('[% QuestionName() %]_' + item)) {
            count++;
        }
    });
    $('.checkboxCount').text(count);
}
</script>

Comments

Hi there, I just tried this but I'm getting a 0 as the count, it doesn't change as I check the boxes.  Is there anything in your script that I need to change  to make it work with my study?  Because I literally just copy/pasted in the places you mention.

---

Have you disabled graphical radio buttons and checkboxes in your survey settings, by chance?

---

Yes, I have, I am using non-graphical radio button/checkboxes.  Is that an issue?

---

To work with non-graphical checkboxes, replace lines 6-8 of my script with this:

$(document).on('click', '#[% QuestionName() %]_div .clickable', function(){
    updateCheckboxCount();
})

---

perfect!!! Thank you so much :-)