CheckBox/CheckBoxLine

[Gio123]

Καλησπέρα,

 

Θα ήθελα να ρωτήσω αν γνωρίζει κανείς (αν φυσικά γίνεται) πως μπορώ να ενώσω αυτούς τους 2 κώδικες

 $(function () {
    $('input:checkbox').on('change', function () {
	    if (this.checked) {
	        $(this).parent().siblings("td").addClass("newclass"); 
	    } else {
	        $(this).parent().siblings("td").removeClass("newclass"); 
	    }
 	});

 	$('input:checkbox').click(function(){
        if($(this).is(':checked')){
            $('input:checkbox').not(this).prop('checked', false);       
        }
    });
});

δηλαδή το προηγούμενο checkBoxline που υπάρχει να εξαφανίζεται κάθε φορά που κάνω ένα checkBox true ή false.

 

Ευχαριστώ.

[StathisG]

Ένας γρήγορος τρόπος είναι να αφαιρέσεις το newclass από όλα τα tds και μετά να το ενεργοποιήσεις σε αυτό που θέλεις. Δηλαδή, κάτι όπως αυτό.

 

Από το δεύτερο κομμάτι του κώδικά σου, καταλαβαίνω πως θέλεις να υπάρχει μόνο ένα checkbox ενεργοποιημένο κάθε φορά, κάτι που συμβαίνει out of the box αν χρησιμοποιήσεις radio buttons αντί των checkboxes. Παράδειγμα.

[0verc0me]

Με βαση το post του StathisG, πιο συντομη και ενωμενη εκδοση οπως ζητησες:

$(function () {
	$('input:checkbox').on('change', function () {
		$('#table td').removeClass("newclass");
		$('input:checkbox').not(this).prop('checked', false);
		if (this.checked) {
			$(this).parent().siblings("td").addClass("newclass"); 
		}
	});
}); 

http://jsfiddle.net/322kab7y/

[Gio123]

Σας ευχαριστώ δουλεύει μια χαρά...