domでの削除

解決済

質問者：asap1224
質問日時：2008/12/07 18:25
回答数：5件

チェックボックスを使ってループで回しながらTRを削除しようとしているんですが、連続でチェックするとうまくいきません。
ご教授宜しくお願いします。

function test()
{
var inputs = document.getElementsByTagName("input");
for (var i = 0; i < inputs.length; i++) {
if (inputs[i].type == "checkbox" && inputs[i].checked) {
tb1.deleteRow(i);
}
}
};

<table border="1" id="tb1">
<tr>
<td><input type="checkbox" name="flag" value=""></td>
<td>0</td>
</tr>
　　　　　・
　　　　　・
　　　　　・
<tr>
<td><input type="checkbox" name="flag" value=""></td>
<td>9</td>
</tr>
</table>
<input type="button" value="削除" onclick="test();"><br>

}

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (5件)

ベストアンサー優先
最新から表示
回答順に表示

No.5ベストアンサー

回答者： yambejp
回答日時：2008/12/07 23:27

こんな風にすると、流れがわかりやすいかと

- 0
- 件

通報する

この回答へのお礼

ありがとうございました。
大変参考になりました。

通報する

お礼日時：2008/12/09 23:59

No.4

回答者： _pipi_
回答日時：2008/12/07 21:50

1と２です。

まったく勘違いしてました！忘れてください。;_;

- 0
- 件

通報する

この回答へのお礼

またよろしくお願いします。

通報する

お礼日時：2008/12/10 00:00

No.3

回答者： steel_gray
回答日時：2008/12/07 19:32

調べてないけど、

削除する毎に行番号がずれこむのでうまくいかないのでは？
for (var i = inputs.length; i>=0 ; i--) {
こんな風に逆順で処理してみては？

- 0
- 件

通報する

この回答へのお礼

ご回答ありがとうございます。
上記では出来ませんでした。

通報する

お礼日時：2008/12/10 00:01

No.2

回答者： _pipi_
回答日時：2008/12/07 19:15

訂正

if( obj.tagName =='INPUT' && obj.type=='checkbox' && (obj = parentSearch( obj, 'TR' )) ) obj.removeNode( obj );

- 0
- 件

通報する

No.1

回答者： _pipi_
回答日時：2008/12/07 19:10

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "?

http://www.w3.org/TR/html4/strict.dtd">
<title>Calendar</title>
<table border="1">
<tr><td><input type="checkbox">abc</td></tr>
<tr><td><input type="checkbox">def</td></tr>
<tr><td><input type="checkbox">ghi</td></tr>
<tr><td><input type="checkbox">jkl</td></tr>

<script type="text/javascript">
addEvent( document.body, 'click', chk );
function chk( evt ){
var obj = evt.target || evt.srcElement;
if( obj = parentSearch( obj, 'TR' ) ) obj.removeNode( obj );
}
function parentSearch(elementId, tagname){
var element = ( typeof( elementId ) == 'string' )? document.getElementById( elementId ): elementId;
while( element.tagName != tagname ){
if(element.tagName == 'BODY') return false;
element = element.parentNode;
} return element;
}

function addEvent(elementId, evt, eventHandler, flag){
var element = ( typeof( elementId ) == 'string' )? document.getElementById( elementId ): elementId;
element./*@cc_on @if(1)attachEvent('on'+ @else@*/addEventListener(/*@end@*/evt, eventHandler, flag);
}
</script>