Checkbox i filtrowanie

pytanie zadane 18 lutego 2017 w JavaScript przez dxq31 Początkujący (290 p.)

Witam mam problem z checkboxami, mianowicie posiadam tabele która moze filtrować dane i w jquery napisany skrypt zaznacz wszystkie checkboxy , mimo tego ze po filtrowaniu widze kilka rekordów klikając zaznacz wszystki zaznacza mi rónież te niewidocznem macie pomysł jak to rozwiązać ? Dziękuje za rady

komentarz 18 lutego 2017 przez hoktaur Pasjonat (22,250 p.)

pokaż kod...

komentarz 18 lutego 2017 przez dxq31 Początkujący (290 p.)

$(function() {
  
  $(document).on('click', '#checkAll', function() {
  
    if ($(this).val() == 'Check All') {
      $('.button input').prop('checked', true);
      $(this).val('Uncheck All');
    } else {
      $('.button input').prop('checked', false);
      $(this).val('Check All');
    }
  });
  
});

komentarz 18 lutego 2017 przez hoktaur Pasjonat (22,250 p.)

Jeszcze o co chodzi z tym:

mimo tego ze po filtrowaniu widze kilka rekordów klikając zaznacz wszystki zaznacza mi rónież te niewidocznem macie pomysł jak to rozwiązać ?

pokaż fragment HTML

komentarz 18 lutego 2017 przez dxq31 Początkujący (290 p.)

wybacz za zdjęcie ,zaznaczyłem o co dokładnie chodzi

komentarz 18 lutego 2017 przez hoktaur Pasjonat (22,250 p.)

bardziej zrzut z wygenerowanego kodu źródłowego HTML by się przydał niż domyślać się co jak się wygenerowało

komentarz 18 lutego 2017 przez dxq31 Początkujący (290 p.)

<tbody>
<form method="POST" action="odbiorcy.php"/>
<tr style="display: none;">
<tr style="display: none;">
<tr>
<tr style="display: none;">
<tr style="display: none;">
<tr style="display: none;">
<tr style="display: none;">
<tr style="display: none;">
<tr style="display: none;">



ze stylami generują sie wirsze ukryte bez styli widoczne

komentarz 18 lutego 2017 przez hoktaur Pasjonat (22,250 p.)

Masz gotowca...

1 odpowiedź

odpowiedź 18 lutego 2017 przez hoktaur Pasjonat (22,250 p.)
wybrane 18 lutego 2017 przez ScriptyChris

Najlepsza

Ok, myślę że coś takiego:

<!DOCTYPE html>
<html lang="pl">
<head>
	<title></title>
	<meta charset="utf-8">
	<style>

	</style>
  
</head>
<body>
	<input id="master" type="checkbox" /> Master CheckBox :)<hr />
	<table>
		<tbody>
			<tr style="display: none;">
				<td><input type="checkbox" /> 1</td>
			</tr>
			<tr style="display: none;">
				<td><input type=" checkbox" /> 2</td>
			</tr>
			<tr style="display: none;">
				<td><input type="checkbox" /> 3</td>
			</tr>
			<tr>
				<td><input type="checkbox" /> 4</td>
			</tr>
			<tr style="display: none;">
				<td><input type="checkbox" /> 5</td>
			</tr>
			<tr>
				<td><input type="checkbox" /> 6</td>
			</tr>
			<tr style="display: none;">
				<td><input type="checkbox" /> 7</td>
			</tr>
		</tbody>
	</table>

	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
	
	<script>
		$(document).on('click', '#master', function() {
			
			var masterStatus = $('#master').is(":checked");
			
			$('tr').each(function(index, element) {
				if($(this).css('display') == 'table-row') {
					$(this).find('input').prop('checked', masterStatus);
				}
			});
		});
	</script>
</body>
</html>