1. 程式人生 > >JS點選按鈕自動增加一行

JS點選按鈕自動增加一行

<input type="button" value="增加" id="addTable"/>
<input type="button" value="刪除" id="deleteTable"/>
<table id="table1"></table>
<script>
$(document).ready(function(){
    $("#addTable").click(function(){
       var tr="<tr><td><input type=\"checkbox\" name=\"check\"/>"+
              "</td><td>111</td><td>222</td><td>333</td></tr>";
    $("#table1").append(tr);  

    });

    $("#deleteTable").click(function(){
        var check = document.getElementsByName("check");
        for(var i=0;i<check.length;i++){
            if(check[i].checked){
                 document.getElementById('table1').deleteRow(i);
                 i--;
            }
        }
    })
})
</script>


相關推薦

JS按鈕自動增加一行

<input type="button" value="增加" id="addTable"/> <input type="button" value="刪除" id="deleteT

小程式學習--JS按鈕得到使用者授權得到資訊(複用元件)

首先,第一步,建立一個按鈕的元件,方便複用,當點選按鈕時候,會跳出是否授權的對話方塊: 元件的wxml程式碼: <button bind:getuserinfo="onGetUserInfo" open-type="{{openType}}" plain="{{true}}" cla

js 按鈕出現,其他地方隱藏

//點選所有地方,#bky會隱藏 $(document).click(function(){     $("#bky").hide(); }); //點選 #zcgl_bky 會顯示 #bky $("#zcgl_bky").click(function(event)

js按鈕下載圖片、word、pdf、excel等

html: <button class="download" onclick=" download('url')">               <i class="layui-icon layui-icon-download-circle"><

JS按鈕開啟新的獨立頁面

https://blog.csdn.net/qq_36409820/article/details/76180643 點選按鈕(button)開啟新視窗(window) 從事前端製作的朋友都有碰到過,需要點選按鈕跳轉到另外一個頁面。只要用到簡單的onclick事件就可以簡單

小程式--JS按鈕得到使用者授權得到資訊

首先,第一步,建立一個按鈕的元件,方便複用,當點選按鈕時候,會跳出是否授權的對話方塊: 元件的wxml程式碼: <button bind:getuserinfo="onGetUserInfo" open-type="{{openType}}" plain="{{t

js按鈕改變文字

<!DOCTYPE html> <html> <head> <script> function myFunction() { document.getElementById("demo").innerHTML="

按鈕自動複製

copyToClipboard: function() {    var $temp = document.createElement("input");    var val = window.location.href || "";    document.body.ap

js按鈕載入更多效果

單個列表效果 1,把你要分面顯示的內容的容器元素增加一個class=showMoreNChildren,並增加一個自定義屬性pagesize="8" 這種 這個pagesizie有一個預設值10。可以不寫如 <ul class="showMoreNChildren"

[前端] js按鈕改變樣式

         有時候我們希望實現點選按鈕並切換樣式的效果,一個簡單的方法是連結到另一個頁面,但是,在有些情況下,我們不希望這麼做,因為我們改變的只是頁面的很小一部分,我們沒有必要為了這一小部分而重新整理整個介面。         另外,當我們希望在一個頁面實現不同控制元

js按鈕更改html頁面的圖片(兩個來回換)

<!DOCTYPE html> <html> <body> <img id="image" src="111.png" onmousedown="secou

動態表格,通過按鈕增加或者刪除一行表格!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE>

div按鈕增加一行

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional

js複製按鈕自動複製連結到文字框(程式碼)

<input size="40" onclick="this.select();" id="zzzz" type="text" value="www.baidu.com" /> <

【HTML5】頁面按鈕添加一行 刪除一行 全不

input 遍歷 ble 操作 warn clas type pre pen 頁面點擊按鈕添加一行 刪除一行 全選 反選 全不選 頁面效果圖如下 html頁面代碼 <!DOCTYPE html> <html>

JS實現按鈕,下載檔案

今天在實現下載功能時,後臺介面測試完成後,前臺在呼叫時發現,因為系統是基於token的,又不想把token顯示在url中,後來找到了一篇文章,講解了如何通過構造form表單提交請求後端介面,實現檔案下載,原文地址:https://www.cnblogs.com/hamsterPP/p/6763458.html

原生JS實現一個按鈕顯示一個div,再按鈕div隱藏,或除div外其它空白處div隱藏

<!DOCTYPE html> <html style="font-size: 24px"> <head> <title>js點選按鈕顯示再點選空白地方隱藏</title> <style type="text/css"&g

js實現按鈕下載檔案並儲存

首先,感謝https://www.cnblogs.com/hamsterPP/p/6763458.html分享。 1、初衷:最近做黑盒性功能測試,被測試系統在本人的電腦上無法通過chrome、IE瀏覽器下載檔案,而開發人員卻說他的瀏覽器可以。 2、自己試著去了解下載功能的實現: (1)從

按鈕刪除bootstrapTable中行,js模組化及一些問題的總結

頁面效果展示 html程式碼: <div class="col-md-12" style="height: 15%"> <form action="web?module=stwmgr&action=Develop&method=se

js下載按鈕下載返回的檔案

通過ajax請求獲取返回的檔案url 1、html <button type="button" class="btn btn-primary" id="download_search">下載</button> 2、js $(function(){ //點選下