如何取消选择所有选择

时间:2012-09-18 23:12:29

标签: jquery

之前我曾问过这个问题(请参阅this thread),但我再次陷入困境,而且该代码在其他示例中似乎无效。

GUI现在有两个不同的选项列表。 stylabid和pjtlabid。如果我点击其中一个,我希望清除另一个列表中的任何选定项目。

这是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>

和第二个选择列表:

<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>

1 个答案:

答案 0 :(得分: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;
            });
        });​