Как автоматически щелкнуть переключатель, если на экране загружено определенное изображение?

Question

На странице есть две радиокнопки, одна для «Да» и другая для «Нет». У меня нет опыта работы с jQuery, javascript или html, но мне нужно создать скрипт / код для автоматического нажатия на одну из этих кнопок в соответствии с изображением src, загруженным на страницу.

Итак, еслиimage src на странице - «a.jpg», он всегда будет автоматически щелкать по переключателю «Да», а если это «b.jpg», то всегда будет щелкать по переключателю «Нет».

Answer 1

Вы можете сделать это и с помощью jquery

$('img[src="YourImgSrc"]').on('load',function(){
     $('#YourRadioId').prop("checked",true);
});

Answer 2

Сначала напишите условие для проверки на основе img src

Затем проверьте: $('input').attr('checked', true)

Если вам нужна дополнительная помощь, опубликуйте HTML / JS, который выдо сих пор

---

Вы можете сделать что-то подобное, используя jQuery:

var imageSrc = $('img').attr('src');
if(imageSrc === 'http://localhost/mysite/a.jpg'){
  $('.true').attr('checked', true);
}else{
  $('.false').attr('checked', true);
}

Обратите внимание, что вам также необходимо установить имя класса входов.

<div class="form-check form-check-inline"><input type="radio" class="form-check-input true" value="true"><label class="form-check-label">Yes</label></div>
<div class="form-check form-check-inline"><input type="radio" class="form-check-input false" value="false"><label class="form-check-label">No</label></div>

<img src="http://localhost/mysite/a.jpg" class="d-none">