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

在jquery中穿越兄弟姐妹的孩子

2 个答案: