[Resolved] Limit number of checkbox checked for a specific custom fields

[Author]

Posts

[jean-francoisB]

I'm trying to limit user on the number of checkbox they can check for a specific custom fields.

This is the custom field :

<div class="form-group ">
<label>Category</label>
[cred_field scaffold_field_id='listing-category' field='listing-category' force_type='taxonomy' output='bootstrap' display='checkbox' label='Listing categories']
</div>

and this is what I added in Javascript :

$("input[type=checkbox][name=listing-category]").click(function() {

var bol = $("input[type=checkbox][name=listing-category]:checked").length >= 4;
$("input[type=checkbox][name=listing-category]").not(":checked").attr("disabled",bol);

});

I've been following instruction from that Thread and doesn't seems to work for me : https://toolset.com/forums/topic/possible-to-limit-number-of-checkboxes-a-user-can-select/

Do you have any suggestion for me?

Thank you,

[Luo Yang]

Hello,

I assume we are talking taxonomy field "listing-category" in a Toolset post form, if it is, the checkboxes HTML element name is "listing-category[]", for example, you can modify your JS codes as below:

$("input[name='listing-category[]']").click(function(e) {

  var bol = $("input[name='listing-category[]']:checked").length >= 4;
  $("input[name='listing-category[]']").not(":checked").attr("disabled",bol);

});

And test again.

[jean-francoisB]

Thank You very much! It's all good now!