Question

我想根据是否选中它们来更改复选框内图像的src属性。检查是否有效，但subscribe.then(function(results) { if (results.every(Boolean)) // all are true submitForm(); else // some are false …; }, function(err) { // some validations threw an exception });始终未定义。

如何在复选框中获取img？

.attr("src")

和HTML

cboxes.each(function() {
  cb = $(this);
  cbImg = cb.find("img");

  if (cb.is(':checked')) {

    alert(cbImg.attr("src")); //returns undefined

    cbImg.attr("src", "css/img/checkbox_fylld.png");
  } else {

    cbImg.attr("src", "css/img/checkbox_ofylld.png");
  }
});

Answer 1

＆＃13;

gradle.properties

＆＃13;

$(document).ready(function(){
     $('.ageSelect').each(function() { 
        cb = $(this);
        cbImg = cb.next("img");
        if (cb.attr('selected')) {
            alert(cbImg.attr("src"));//returns undefined
             cbImg.attr("src", "css/img/checkbox_fylld.png");
        } else {
            cbImg.attr("src", "css/img/checkbox_ofylld.png");
        }
     });
    });

＆＃13;

您没有任何复选框。它们是单选按钮。

但是，这是代码：

Answer 2

问题是您的图片不在里面您的复选框。复选框输入是自动关闭标记（您也应该使用/select/?q=-(id:abc) OR -(id:def)）终止它们。

而不是/select/?q=(-id:abc) OR (-id:def)使用/>。

最后一件重要事情：您需要将图像处理包装在事件监听器中：

.find("img")

因此每次对无线电输入进行更改时都会执行代码。

.next("img")

$("input[name=\"timeSpan\"").on("change", function() {...});

$("input[name=\"timeSpan\"").on("change", function() {

  $("input[name=\"timeSpan\"").each(function() {

    var cbImg = $(this).next("img");

    if ($(this).is(':checked')) cbImg.attr("src", "http://www.clker.com/cliparts/8/8/c/0/1197121244407718078webmichl_powerbutton_2_states_%28_on_off_%29_1.svg.med.png");

    else cbImg.attr("src", "https://www.windmobile.ca/images/default-source/icons/icons---koray/power-on-off.jpg");
  });
});

使用jquery find（）在复选框内查找图像

2 个答案: