다른 div에 같은 이름의 Html 라디오

Question

라디오 버튼은 이름별로 그룹화되어 있습니다. 그러나 동일한 이름의 개별 라디오 버튼을 가질 수는 없지만 다른 부서로 분류됩니까?

<div id='image1'> 
    <input type="radio" name="type"/> JPEG 
    <input type="radio" name="type"/> BMP 
    <input type="radio" name="type"/> PNG 
</div> 
<div id='image2'> 
    <input type="radio" name="type"/> JPEG 
    <input type="radio" name="type"/> BMP 
    <input type="radio" name="type"/> PNG 
</div> 

이론적으로 그것은 튼튼한 접근법입니다. 그냥 몇 가지 이중 확인이 필요했습니다.

나는 라디오 변경 이벤트 그것에 listenning이,

는

$('input:radio[name="type"]').change(function(){ 
     // do something 
}); 

어떻게 적절하게 해결할 수 있습니까?

Answer 1

다른 사람들이 언급했듯이 그렇게 할 수 없습니다.

HTML : 다음

<div id='image1'> 
    <input type="radio" name="image1type" />JPEG 
    <input type="radio" name="image1type" />BMP 
    <input type="radio" name="image1type" />PNG</div> 
<div id='image2'> 
    <input type="radio" name="image2type" />JPEG 
    <input type="radio" name="image2type" />BMP 
    <input type="radio" name="image2type" />PNG</div> 

이처럼 자바 스크립트를 수정 :

$('input:radio[name$="type"]').change(function() { 
    // do something 
    console.log('change for ' + $(this).parent().attr('id')); 
}); 

데모 당신이 HTML을 제어 할 수있는 경우 는이 같은 name 속성에 고유 한 식별자를 추가 할 수 있습니다 여기에 : http://jsfiddle.net/robschmuecker/rCbaL/