jQuery的条件操作时，事件触发

Question

我有一个包含与包含领先td有一个复选框，另一td与选择列表中的每一行的多行生成的表=

<div class="table"> 
<table width="100%" class="tframe" id="table0"> 
<thead> 
<tr class="trheadline"> 
    <th>Selection</th> 
    <th>Repository-Tag</th> 
</tr> 
</thead> 
<tbody> 
<tr class="trow"> 
    <td> 
     <input type="checkbox" 
      value="0#298#abk_testn#l#CLEARCASE#at_web_vob" 
      name="module">ModuleA 
    </td> 
    <td> 
    <select name="cvstags"> 
     <option value="no_Repository">no_Repository</option> 
     <option value="220607_143102110">220607_143102110</option> 
     <option value="220607_09410236">220607_09410236</option> 
     <option value="220507_091903814">220507_091903814</option> 
    </select> 
    </td> 
</tr> 
<tr class="trow"> 
    <td> 
     <input type="checkbox" 
      value="1#299#abk_integration#d#CLEARCASE#at_web_vob" 
      name="module">ModuleB 
    </td> 
    <td> 
    <select name="cvstags"> 
     <option value="220607_143102110">220607_143102110</option> 
    </select> 
    </td> 
</tr> 
<tr class="trow"> 
    <td> 
     <input type="checkbox" 
      value="2#301#abk_statcont##CLEARCASE#at_web_vob" 
      name="module">ModuleC 
    </td> 
    <td> 
    <select name="cvstags"> 
     <option value="no_Repository">no_Repository</option> 
     <option value="220607_143102110">220607_143102110</option> 
     <option value="220607_09410236">220607_09410236</option> 
     <option value="220507_091903814">220507_091903814</option> 
    </select> 
     </td> 
    </tr> 
    </tbody> 
</table> 
</div> 

现在我想固定的改变于所选择的事件，但我想要一个动作才开始，如果领先的复选框被选中，现在我有=

<script> 
    $('select').change(function(){ 
     alert($(this).val()); 
    }); 
</script> 

这给了我选择的选项的值，精但有两个问题仍=

1. 如何检查是否勾选了同一个tr中的前导复选框？

   $('select').change(function(){ 
   if (the leading checkbox is checked) { 
       run my action.. 
   } 
   }); 
   

2. 如果选择列表只有 一个选项，我上面的示例的第二行中，如何 来实现类似的行为与这种情况下更改事件更改事件不起作用？

感谢您的任何提示！

Answer 1

如何看待这种情况，即处理复选框上的单击事件，如果选中，则评估行中选择的值？

$('tr.trow input:checkbox').click(function() { 
    if (this.checked) { 
     var self = $(this); 
     self.parent().parent().find('select').val(); // value of select 
    } 
} 

编辑：

这是我怎么会粗暴对待它：

// use an object literal to prevent global pollution(!) 
var rowActions = { 
    checkbox: function() { 
     if (this.checked) { 
      rowActions.doSomething(); 
     } 
    }, 
    select: function() { 
     if ($(this).parent().parent().find('input:checkbox:checked').length) { 
      rowActions.doSomething(); 
     } 
    }, 
    doSomething: function() { 
     alert('I did something!'); 
    } 
} 

$('tr.trow').each(function() { 
    var self = $(this); 
    self.find('input:checkbox').click(rowActions.checkbox); 
    self.find('select').change(rowActions.select); 
}); 

，这里是一个Working Demo来显示它在行动。添加/编辑到的URL与代码一起玩。

Answer 2

只有一秒钟，但看看prev方法： 例如，

jQuery(this).prev("td").child("input[name=module]").val() != 'undefined' 

...或者类似的东西

而对于第二部分，你应该添加一个空字符串选项中包含“选择一个......”可以忽略不计的名称，但将允许因为你的行为在选择单一选择时触发。