2014-11-02 2 views
0

click.and에서 현재 ID를 가져오고 하나의 체크 박스 만 선택하고 싶습니다. 여기 내 입력 상자클릭하면 여러 체크 박스에서 ID를 가져옵니다.

<table style="width: 500px; border: 1px solid BLACK;"> 
    <?php for($i=1; $i<10; $i++){ ?> 
    <tr><td><input type="checkbox" name="myCheckboxes[]" class="chkTag" id="chkBox<?php echo $i; ?>" /></td> 
    <td><input type="checkbox" name="myTagCheckboxes[]" class="chkTag" id="chkBox<?php echo $i; ?>" value=""/></td> 
    <td><?php echo $i;?></td></tr> 
    <?php }?> 
</table> 

은 여기에 첫 번째에 대한 작업 내 jQuery를

$(document).ready(function(e){ 
    $('input#chkBox1').on('change', function() { 
     $('input#chkBox1').not(this).prop('checked', false); 
    }); 
    }); 

입니다. 나는 다른 이드를 클릭하지 않았다.

답변

1
$(document).ready(function(e){ 
    $('input').on('click', function(e){ 
    var id = e.target.id; 
    $('input#'+id).on('change', function() { 
     $('input#'+id).not(this).prop('checked', false); 
    }); 

    }); 
}); 

피들 (여기) http://jsfiddle.net/spydo9s3/

0

거기에있는 코드는 하나의 체크 박스 (ID : chkBox1)를 타겟팅하고 있습니다. 귀하의 PHP는 동적으로 ID'ing, 그래서 chkBox1는 chkBox2 등

아마도 당신이 원하는 것은 같은,보다 역동적 클릭 리스너입니다 :

$(document).ready(function(e) 
{ 
    $('input.chkTag').on('change', function() 
    { 
     $('input.chkTag').not(this).prop('checked', false); 
    }); 
}); 

이 클래스를 대상으로 할 대신 각 입력 주 .

+0

2 개의 체크 박스 중 하나를 선택하고 싶습니다. 내 PHP 동적으로 행을 증가했다. 그리고 각 행에 하나의 확인란을 선택하고 싶습니다 –

+0

죄송합니다, 무슨 뜻인지 이해가 확실하지 않아? –

+0

예제가 여기에 있습니다. 제 1 행을 좋아합니다. [DEMO] [http://jsfiddle.net/2sxtLert/] –

0

ID는 고유해야합니다. 각 입력이 다른 ID와 다른 고유 ID를 갖도록 PHP에서 변경해야합니다.

뭔가 같은 : 당신이 type="checkbox"하지만 type="radio"

필요가 없습니다

$('input.chkTag').on('change', function(){ 
    var id = this.id; 
    // do something with id 
}); 

당신은 단지 그들 중 하나가 다음 번에 확인하려면 다음

<?php for($i=1; $i<10; $i++){ ?> 
    <tr><td><input type="checkbox" name="myCheckboxes[]" class="chkTag" id="chkBox_0_<?php echo $i; ?>" /></td> 
    <td><input type="checkbox" name="myTagCheckboxes[]" class="chkTag" id="chkBox_1_<?php echo $i; ?>" value=""/></td> 
    <td><?php echo $i;?></td></tr> 
<?php }?> 

그리고 jQuery를 당신이 필요 이하

관련 문제