在jquery中遍歷兄弟姐妹的孩子

Question

我想在選中它時更改單選按鈕的背景圖像。我已隱藏單選按鈕並將其包裹在label>span>img中。我想在收音機被選中時更改圖像的src。

<div class = " monthly-radio-div padding-lr-zero radio-inline"> 
    <input type="radio" name="inv_type" id="monthly" value = "monthly" > 
    <label for="monthly"> 
     <span class="radio"> 
     <img src="icons/r_dis.png"> 
     </span> 
    </label> 
</div> 

我想改變圖像的src。我想，沒有工作

$('#fund_sel_form input').on('change', function() { 
    var radio_val = $('input[name="inv_type"]:checked', '#fund_sel_form').val(); 
    $('input[name="inv_type"]:checked','#fund_sel_form').find('label').find('img').attr('src','icons/r_en.png'); 
}); 

Answer 1

試試這個工作小提琴jsfiddle.net/s1f891vn/

$('.monthly-radio-div input').on('change', function() { 
    var parentDiv=$(this).parents(".monthly-radio-div:eq(0)"); 
    if($(this).is(":checked")){ 
     $(parentDiv).find("img").attr("src","https://cdn1.iconfinder.com/data/icons/toggle/512/radio-on-128.png"); 
    } 
    else{ 
     $(parentDiv).find("img").attr("src","https://cdn1.iconfinder.com/data/icons/toggle/512/radio-off-128.png"); 
    } 
}); 

Answer 2

$('.monthly-radio-div > input').on('change', function() { 
    var par =$(this).parents().eq(0); 
    if($(this).is(":checked")){ 
     $(parentDiv).find("img").attr("src","image.png"); 
    } 
    else{ 
     $(parentDiv).find("img").attr("src","image.png"); 
    } 
}); 

幾種方法