14

これを読んでくれてありがとう

find（）を使用できると思いましたが、機能させることができませんでした。IDまたはクラス名を追加できることは知っていますが、現在のマークアップでその方法を知りたいです。

ありがとう

これがHTMLです

<input name="keywordCheckbox" type="checkbox" value="S" />
<input name="keywordCheckbox" type="checkbox" value="C" />
<input name="keywordCheckbox" type="checkbox" value="A" />

とjs

<script language="Javascript" src="javascript/jquery-1.2.6.min.js"></script>
<script type="text/JavaScript">

 $(function(){
  $('[name="keywordCheckbox"]').bind("click",
   function() {
    if($(this).attr("checked") == true) {
     switch(this.value) {
      case "A":
       var $_this = $(this) ;
       $('[name="keywordCheckbox"]').each(function() {
        if($(this).val() != $($_this).val()) { $(this).attr("checked",false); }
       });
       break ;
      default:
 DOESN'T WORK --> $('[name="keywordCheckbox"]').find('[value="A"]').attr("checked", false);}
      } // END Switch
    } // END If
  }); // End BIND
 }); // End eventlistener
 </script>
4

2 に答える 2

29

属性セレクターをチェーンできるはずです。

 $('input[name="keywordCheckbox"][value="A"]').attr("checked",false);

名前keywordCheckboxと値Aの入力に対してcheckedをfalseに設定します。

 $('input[name="keywordCheckbox"][value!="A"]').attr("checked",false);

値がAではないkeywordCheckboxという名前の入力に対してcheckedをfalseに設定します。

編集

Firefox/Macintoshで最新のjQueryを使用して以下をテストしました。正常に動作します。どのバージョンのjQueryを使用していますか？

$(document).ready( function() {
    $('input[name=keywordCheckbox]').bind( 'click', function() {
       if (this.checked) {
          if (this.value == 'A') {              
             $('input[name="keywordCheckbox"][value!="A"]')
                .attr("checked",false);
          }
          else {
             $('input[name="keywordCheckbox"][value="A"]')
                .attr("checked",false);
          }
       }
    });
});
于 2008-12-06T18:14:04.710 に答える
6

または、次のことができます。

$("input[name='keywordCheckbox']").filter("input[value='A']")

その場合、各関数は必要ありません。

于 2008-12-06T18:13:32.633 に答える