DMS 2 Custom jQuery

[afrankadvice 0]

Hi,

 

I've got a form where the user can select max 3 checkboxes. My setup is like this below. I've added the jQuery script to the custom script area. But for some reason I can select all checkboxes. Can anyone help me?

 

HTML

 

<div id="bla">

    <p>

        Checkbox 1: <input type="checkbox" name="checkme[]" value="1" />

    </p>

    <p>

        Checkbox 2: <input type="checkbox" name="checkme[]" value="2" />

    </p>

    <p>

        Checkbox 3: <input type="checkbox" name="checkme[]" value="3" />

    </p>

    <p>

        Checkbox 4: <input type="checkbox" name="checkme[]" value="4" />

    </p>

    <p>

        Checkbox 5: <input type="checkbox" name="checkme[]" value="5" />

    </p>

    <p>

        Checkbox 6: <input type="checkbox" name="checkme[]" value="6" />

    </p>

    <p>

        Checkbox 7: <input type="checkbox" name="checkme[]" value="7" />

    </p>

    <p>

        Checkbox 8: <input type="checkbox" name="checkme[]" value="8" />

    </p>

</div>

 

jQuery

 

<script>

jQuery(document).jQuery(function() {

$("#bla :checkbox").click(function() {

    if($("#bla :checkbox:checked").length >= 3) {

        $("#bla :checkbox:not(:checked)").attr("disabled", "disabled");

    } else {

        $("#bla :checkbox").attr("disabled", "");

    }

})

});

</script>

[Aires 265]

Hi afrankadvice

 

I have noticed when I try to add the jquery shorthand ($) in the scripts I write.. DMS does not like it and the script will not work. I would try and remove all the ($) and replace them with jQuery instead and see if the problem persists. 

[Simon 248]

WordPress runs Jquery like that, you need to change your copy pasted code to use jQuery instead of $, unless you wrap the code in something like this:

(function($) {

    // your code with $ goes in here

}(window.jQuery)

[afrankadvice 0]

Thanks for your comments. I'm using the code below and it's working

 

<script>

jQuery(document).ready(function() {

jQuery('[name="compare_id[]"]').click(function () {

selected = jQuery('[name="compare_id[]"]').filter(':checked').length;

if (selected > 3){

alert('You may select only 3 questions.');

jQuery(this).attr('checked', false);

}

});

});

</script>

[Danny+ 1,327]

Thanks for informing us the issue has been resolved.