jQuery를 조건 작업을 할 때 이벤트가 발생

Question

I 각 행은 체크 박스와 선도적 인 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

다른 방법으로 살펴 보겠습니다. 즉, 체크 박스에서 click 이벤트를 처리하고 선택하면 행의 select 값을 평가하는 것이 어떻습니까?

$('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

초만 있지만 이전 방법을 살펴보십시오. 예 :

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

... 또는 이와 유사한

그리고 두 번째의 경우, 당신은 '하나를 선택 ...'무시 될 수있는 같은 이름의 빈 문자열 옵션을 추가해야하지만, 수

단일 선택이 선택되었을 때 당신의 행동은 발사됩니다.