Простой вопрос по JS
Добрый вечер.
Есть код:
<!DOCTYPE HTML html public "-//W3C//DTD HTML 5 Transitional//EN">
<html>
<head>
<title>вводимая форма</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="bootstrap.css">
<style type="text/css">
td{width:100px;
height: 30px;
border:1px solid black;}
</style>
<script type="text/javascript">
function addNewNode() {
var tbody = document.getElementById("main_table");
var newNode = tbody.children[0].cloneNode(true);
tbody.appendChild(newNode);
}
</script>
</head>
<body>
<table><thead><tr><td><input type="checkbox" id="myID">выберите добавление</td><td></td><td></td></tr></thead>
<tbody id="main_table"><tr><td>Дима</td><td>Дим</td><td>Дима</td></tr></tbody>
</table>
</body>
</html>
Как функцию прописанную в скрипте, посадить на чекбокс: то есть чтобы при нажатии на чек бокс, появлялась дублированная строка, при втором нажатии - удалялась???? |
<!DOCTYPE HTML html public "-//W3C//DTD HTML 5 Transitional//EN">
<html>
<head>
<title>вводимая форма</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="bootstrap.css">
<style type="text/css">
td{width:100px;
height: 30px;
border:1px solid black;}
</style>
<script type="text/javascript">
function addNewNode() {
var tbody = document.getElementById("main_table");
var newNode = tbody.children[0].cloneNode(true);
tbody.appendChild(newNode);
}
window.onload = function(){
document.getElementById("myID").onclick = function(){
if(this.checked)
addNewNode();
else{
console.log('удаление');
//тут вызов функции для удаления строки
}
}
}
</script>
</head>
<body>
<table><thead><tr><td><input type="checkbox" id="myID">выберите добавление</td><td></td><td></td></tr></thead>
<tbody id="main_table"><tr><td>Дима</td><td>Дим</td><td>Дима</td></tr></tbody>
</table>
</body>
</html>
Функцию удаления думаю сам "смогешь". |
Цитата:
|
Цитата:
|
Сорри, вопрос хотел адресовать didimka.
|
| Часовой пояс GMT +3, время: 17:57. |