[英]delete button visible while checkbox is checked
我有3列的表格。 第三列是每一行的復選框。
<tr id='sub".$this->getHtmlId()."_".$cpt."' class='mui-row'>
<td class='mui-col-md-6'>".$row[0]."</td>
<td class='mui-col-md-2'>".$row[1]."</td>
<td class='mui-col-md-2' style='border:none'>
<component id='box' class=\ "CheckBoxComponent\" name=\ "chk".$row[3]. "\" />
</td>
</tr>";
我想要的是,當我選中一個復選框時,“刪除”按鈕將變為可見;如果我選中一秒或更長時間,則它保持可見,因為我可以同時刪除多行。
現在,我嘗試過的所有操作都是在我檢查一行按鈕時出現,單擊第二個按鈕會消失,而在單擊第三個按鈕時會再次出現
這是我嘗試過的一些例子:
$('#deleteButton').toggle('slow', function() {
// Animation complete.
});
var chkbox = $(\".check\");
button = $(\"#box\");
button.attr(\"disabled\",\"disabled\");
chkbox.change(function() {
if (this.checked) {
button.removeAttr(\"disabled\");
}
else {
button.attr(\"disabled\",\"disabled\");
}
});
您可以通過$(".check:checked").length
獲取選中復選框的數量
如果選中了復選框,則顯示按鈕。
$(function() { //hide on init $("#deleteButton").hide(); $(".check").click(function() { //get the number of checked if ($(".check:checked").length) $("#deleteButton").show(); else $("#deleteButton").hide(); }); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <table> <tr class='mui-row'> <td class='mui-col-md-6'>1</td> <td class='mui-col-md-2'>1</td> <td class='mui-col-md-2' style='border:none'> <input type="checkbox" class="check"> </td> </tr> <tr class='mui-row'> <td class='mui-col-md-6'>2</td> <td class='mui-col-md-2'>2</td> <td class='mui-col-md-2' style='border:none'> <input type="checkbox" class="check"> </td> </tr> <tr class='mui-row'> <td class='mui-col-md-6'>3</td> <td class='mui-col-md-2'>3</td> <td class='mui-col-md-2' style='border:none'> <input type="checkbox" class="check"> </td> </tr> </table> <button id="deleteButton" type="button">Delete!</button>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.