Meta Box

Hi Anh,

To count the number of favorites, I have the following JS:

jQuery(document).ready(function( $ ){
$(document).ready(function () {
  $('.count input').attr('readonly', true);
  $('.radio').change(function () {
    var count=0;
    $('.radio input:checked').each(function(){
      if ($(this).val().replace(/V_/g,'')=="Specialiteit") {
        count += 1;
      }
    });
    $('.count input').val(count);
  });
});
});

That works nicely. (Btw: "Specialiteit" = Specialty, so I'm counting the specialties instead of favorites)

How to add your code there?
I created another JS file with the following code, but the submit button never gets disabled.

$( 'input[type="radio"]' ).on( 'change', function() {
    var $submitButton = $( '.rwmb-form-submit' ).children( 'button' );
    if ( .count() > 3 ) {
        $submitButton.prop( 'disabled', true );
    } else {
        $submitButton.prop( 'disabled', false );
    }
} );

Hi Anh,

I have taken up this idea again to limit the number of favorites.
Currently the number of favorites is counted and that number is shown on screen.

What I want to do next is to dim the Save/Confirm button as long as the counter is higher than the number of allowed favorites.

How can I do that?

So simple... Excellent! Thanks a lot.

OK, so that will be quite some work. Doubt whether it's worth the efforts.
Thanks.

Great, that was it.

Thanks!

I am trying to understand how this should work.
Should I include this in the page.php of my theme? Or actually in a separate theme for the frontend submission page to avoid that it is show on each and every page?

I included it in page.ph, but just the text "var total = 0; $( '.like input:checked' ).each( function() { total += $(this).val(); } ); // Output total somewhere $( '#selector' ).text( total );" is shown on each and every page.
I am obviously doing something wrong.