2011-07-20 16 views
0

テーブル内にチェックボックスを設定しようとしています。私はそれがフォームでそれを行うのと同じで簡単であると思った。Javascriptを使用してテーブルのチェックボックスを設定する

これはフォームでは正常に実行できますが、チェックボックスがテーブル内にある場合は問題が発生します。

チェックボックスは、私が使用形態である:

<form name="access_menu_form"> 
    <input type="checkbox" name="mybox_name" id="mybox_id" value="1"> 
</form> 

document.access_menu_form.mybox_name.checked == true 

素晴らしい作品!

DOMについての重要な点がありません。

私のテーブル::私はテーブルに失敗した同様の技術を使用して失敗しているチェックボックスを設定しようと

<table name="access_table"> 
    <thead> 
    <tr> 
     <th>Area</th> 
     <th>Item</th> 
     <th>Access</th> 
    </tr> 
    </thead> 
<tr> 
    <td><input type="checkbox" name="mybox_name" id="mybox_id" value="1"></td> 
    <td><input type="checkbox" name="mybox1_name" id="mybox1_id" value="1"></td> 
    <td></td> 
</tr> 
</table> 

マイスクリプト

document.access_table.mybox_name.checked = false; 

は、私はエラーを取得:キャッチされない例外TypeErrorを:することはできません定義されていない「mybox」のプロパティを読み取る

document.mybox_name.checked = false; 

私はエラーが発生します:キャッチされていないタイプエラー:Can notあなたはIDが、最も直接的な方法を持っている場合は設定プロパティが未定義

+0

ハハを使用してチェックボックスを見つけてみましょう 'にチェック' 属性。多くの人がとても素早く、ほとんど同じように答えました!助けてくれてありがとう。私はそれを試みたが、私は何かが欠けていたに違いない。出来た! –

答えて

1
  • 使用
  • にはJavaScriptを下記、のdocument.getElementById( 'mybox_id')
1

の「確認」getElementByIdを使用している:

document.getElementById('mybox_id').checked == true; 

それは常に要素が常駐しているに関係なく動作します。

1

このようにjavascriptを使用すると、通常、名前ではなく要素のIDにアクセスしています。代わりにこれを試してみてください:

が値を確認するには:

if(document.getElementById('mybox_id').checked == false){ 
    // Do Stuff 
} 

が値を割り当てるには:

document.getElementById('mybox_id').checked = false; 
1

document.getElementById('mybox_id').checked = falseでそれを試してみてください!

0

テーブルタグで囲まれたフォームタグでチェックボックスを囲むだけで問題が解決されます。

1

これを試してみてください:

document.getElementById('mybox_id').checked = false; 

は(テーブルの内部または外部の)どこでも動作します。

関連する問題