0

私は以前にこれを一度尋ねましたが(このスレッドを参照)、私は再び立ち往生しており、そのコードは別の例では機能していないようです。

GUIには、2つの異なる選択リストがあります。stylabidとpjtlabid。それらの1つをクリックすると、他のリストで選択したアイテムをすべてクリアしたいと思います。

jqueryコードは次のとおりです。

$('input[name="stylabid"]').change(
    function(){
      $('#pjtlabid').find('option').prop('selected',false)
    });

しかし、これは効果がありません...誰かがここで何が悪いのかわかりますか?

TIA、rixter PS-あなたの何人かが尋ねたので、ここにHTMLコードがあります:

<div id=content-container2>
      <fieldset>
      <LEGEND><b>Select Study Sample</b></LEGEND>
    <p>
    <P CLASS=select_header>Study - Box - Well - Lab ID<br>
    <SELECT multiple size=20 NAME="stylabid" onchange=show_stylabid() onclick=clear_fetch() STYLE="width: 115px">
    <?php 
      $i=0;
      while ($i < $numstylabids) {
        $styarr = pg_fetch_row($stylabidresult);
        echo "<option value=$styarr[0]>$styarr[1]\n";
        $i++;           
      }
      ?>
    </select>
    </p>                
      </fieldset>
    </div>

および2番目の選択リスト:

<fieldset>
      <LEGEND><b>Select Project Sample</b></LEGEND>
    <p>
    <P CLASS=select_header>Project - Box - Well - Lab ID<br>
    <SELECT multiple size=20 NAME="pjtlabid" onchange=show_pjtlabid() onclick=clear_fetch() STYLE="width: 115px">
    <?php 
      $j=0;
      while ($j < $numpjtlabids) {
        $pjtarr = pg_fetch_row($pjtlabidresult);
        echo "<option value=$pjtarr[0]>$pjtarr[1]\n";
        $j++;           
      }
      ?>
    </select>
    </p>                
      </fieldset>
4

3 に答える 3

1

選択した属性を削除すると、セレクターによって選択されたものはすべてfalseになります。これを試して:

$('select[name="stylabid"]').change(function(){
    $('#pjtlabid option').removeAttr('selected');
});
于 2012-09-18T23:21:18.493 に答える
1

GUIには、2つの異なる選択リストがあります。stylabidとpjtlabid。それらの1つをクリックすると、他のリストで選択したアイテムをすべてクリアしたいと思います。

選択リストで要素を意味する場合<select>、問題は変更ハンドラーをどのようにバインドするかです。a<select>は。ではありません<input>。代わりに、次のようにします。

$('select[name="stylabid"]').change( function() {
    $('#pjtlabid').find('option').prop('selected',false);
});

また、正しいセレクターを使用していることを確認してください。IDpjtlabid'#pjtlabid'の要素を選択し、名前stylabidの要素を選択します。名前とIDの属性は同じではありません。[name="stylabid"]

于 2012-09-18T23:42:28.173 に答える
0

この男のように?http://jsfiddle.net/5XFrc/1/

HTMLを貼り付けてください。具体的なデモを作成します。これが役立つかどうかをお知らせください。または、この投稿を削除させていただきます。

状態に使用してから、その状態を使用してプロパティを更新changeできることに注意してください。this.checked

それが原因を助けることを願っています。

コード

  $("#tableOne thead tr th:first input:checkbox").click(function() {
            var checkedStatus = this.checked;
            $("#tableOne tbody tr td:first-child input:checkbox").each(function() {
                this.checked = checkedStatus;
            });
        });​
于 2012-09-18T23:21:52.413 に答える