JavaScriptの機能が呼ばれる階層指定について知りたいです。

Question

JavaScriptを使用するための階層指定について知りたいです。

下記のようなJSPにて、チェックボックスが押されたときに searchメソッドを使用したい場合、
JavaScriptファイルでは$()内をどのように指定したらよいのでしょうか。。。

下記のJavaScriptは自分で試したもので、動きはないです。
部分的に切り出したのでソースも分かりにくいかもしれませんが、何卒宜しくお願いします。

◆JSP

～～～
var $test = $('#test');

～～～

<div class="extra clearfix"> <div style="display: none;"> <dl class="first"> <dt>テスト1</dt> <s:iterator value="テスト1" status="st"> <dd class="first"> <label for="テスト1'/>"> <s:property value='テスト1'/> <s:checkboxlist id="テスト1" list="top" listKey="value" listValue="label" name="テスト1" theme="search" /> </label> </dd> </s:iterator> </dl> </div> <span>▼</span> </div> ～～～

◆JavaScript

$('.extra div .first dd label input',$test).change(function(){
search();
});

Answer 1

searchメソッドは どこかに書かれている Javascript の function のことだということでいいですよね？
だとすれば、上のままで動きそうですけどねぇ。

引用テキスト$('.extra div .first dd label input',$test)

の ,#test が良く分からないんですが、これ不要じゃないですか？

$("input[name='テスト1']").on("change", function() {
  search();
});

Comments

[yadrop]

ご返信ありがとうございます。
#の部分は他のものにも書かれていたので必要なのかな、と・・

また、チェックボックスをクリックしてもチェックが外れていなかったので
そもそもJSを呼びだす以前の問題かもしれません。。汗
引き続き原因を探ってみます。