как добавить кнопку CheckAll - PullRequest
0 голосов
/ 04 мая 2020

Я пытаюсь добавить кнопку CheckAll к следующему .... что у меня есть сейчас Все работает, если я отмечаю эти поля и т. Д. c, но я изо всех сил пытаюсь найти способ добавить флажок, который выбирает все, я пробовал несколько примеров, я могу получить запись, но ничего не происходит.

Вот файл, который, я думаю, должен проверить go. Пожалуйста, дайте мне некоторое руководство, будьте подробны, пожалуйста, у меня ушло навсегда, чтобы добраться до этой точки.

1 Ответ

0 голосов
/ 04 мая 2020

Я думаю, вместо создания кнопки, вы должны добавить флажок. И onclick установите / снимите все остальные флажки. Я создал демо (конечно, удалив php), также использовал jquery. Посмотрите, работает ли это для вас. ↓↓

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<html>
<head>
<title>List</title>
<script language="javascript" src="client.js" type="text/javascript"></script>
<style>
.even { background-color: gainsboro; color:#101010; }
.odd { background-color: white; color:#101010; }
.even:hover {background-color: cadetblue}
.odd:hover {background-color: cadetblue}
</style>

</head>
<body>
<form name="frmUser" method="post" action="#">
<div style="width:500px;">
<table border="0" cellpadding="2" cellspacing="1" width="750" class="tblListForm">
<tr class="listheader">
<td><input type="checkbox" onclick="$('input[name*=\'xyxy\']').prop('checked', this.checked);"></td>
<td><b>Username</b></td>
<td><b>fqdn</b></td>
<td><b>Status</b></td>
<td><b>Created</b></td>
</tr>
<!--<?php
$i=0;
while($row = mysqli_fetch_array($result)) {
if($i%2==0)
$classname="even";
else
$classname="odd";

?>-->
<tr class="classname">

<td><input type="checkbox" name="xyxy[]" value="1>" ></td>
<td>owner</td>
<td>host domain</td>
<td>status</td>
<td>timestamp</td>
</tr>

<tr class="classname">

<td><input type="checkbox" name="xyxy[]" value="2>" ></td>
<td>owner</td>
<td>host domain</td>
<td>status</td>
<td>timestamp</td>
</tr>
<!--<?php
$i++;
}
?>-->
<tr class="listheader">
<td colspan="4"><input type="button" name="x" value="Get"  onClick="setmyclientAction();" >
&nbsp;<input type=reset value="Clear selection"> 
</td>
<input type="button" name="x" value="Get"  onClick="setmyclientAction();" >&nbsp;<input 
type=reset value="Clear selection">


</tr>
</table>
</form>
</div>
</body></html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...