在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");
    }
});