Hide Checkbox and Label based on Label text

Question

The label text of a checkbox is dynamically generated in CodeCharge. The label text includes the amount of available articles. When this number is (0), the checkbox and the label text should be hidden, if not both checkbox and label value must be shown.

In this case checkbox and label text hidden:

<input id="i_search_2_newdatad9_1" name="d9[]" value="standplaatsreis" type="checkbox"  /><label for="i_search_2_newdatad9_1">Standplaatsreis (0)</label>

In this case checkbox and label visible:

<input id="i_search_2_newdatad9_1" name="d9[]" value="standplaatsreis" type="checkbox"  /><label for="i_search_2_newdatad9_1">Standplaatsreis (8)</label>

I appreciate your suggestions for a php or jquery script.

istvan.halmen · Accepted Answer · 2012-03-08 12:25:12Z

2

A jQuery solution:

$('label:contains("(0)")').each(function() {
    $('#' + $(this).attr('for')).hide();
    $(this).hide();
});

answered Mar 8, 2012 at 12:25

istvan.halmen

3,3401 gold badge27 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Guillaume Poussel · Accepted Answer · 2012-03-08 12:23:00Z

0

Since you mention jQuery in your question:

$(function() {
   $('input').filter(function() { return $(this).next('label').text().substr(-3) == '(0)'; }).hide().next('label').hide();
   });
});

A PHP solution would be better, but without any code, we cannot help you.

answered Mar 8, 2012 at 12:23

Guillaume Poussel

9,8522 gold badges35 silver badges43 bronze badges

Collectives™ on Stack Overflow

Hide Checkbox and Label based on Label text

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related