Форум

KEMPZOR · #1 (**permalink**) 12.03.2017, 01:08

Здравствуйте. Ни как не получается получить атрибут title изображения по радио кнопке, когда она нажата, подскажите как правильно.
Вот такая конструкция

<div class="cc-selector-2">
        <input checked="checked" class="button-class-material" id="roll_mater_1" type="radio" name="catalmat_roll" value="1" />
               <label class="drinkcard-cc" for="roll_mater_1"><img class="obrazci_tkan" src="blabla" width="65" height="65" title="Эко 01 белый"></label>
        <input class="button-class-material" id="roll_mater_2" type="radio" name="catalmat_roll" value="1" />
               <label class="drinkcard-cc" for="roll_mater_2"><img class="obrazci_tkan" src="blabla" width="65" height="65" title="Эко 02 кремовый"></label></div>

Вот такой код возвращает всегда первый input, вне зависимости от нажатия на радио кнопки, подскажите как правильно написать ?

$("label > img.obrazci_tkan").prop('title');

рони · #2 (**permalink**) 12.03.2017, 01:17

KEMPZOR,

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script>
$(function() {
  $(".button-class-material").on("change",function() {
         alert($("img.obrazci_tkan", "[for="+this.id+"]").attr('title'));
})
});
  </script>
</head>

<body>
<div class="cc-selector-2">
        <input checked="checked" class="button-class-material" id="roll_mater_1" type="radio" name="catalmat_roll" value="1"  />
               <label class="drinkcard-cc" for="roll_mater_1"><img class="obrazci_tkan" src="blabla" width="65" height="65" title="Эко 01 белый"></label>
        <input class="button-class-material" id="roll_mater_2" type="radio" name="catalmat_roll" value="1" />
               <label class="drinkcard-cc" for="roll_mater_2"><img class="obrazci_tkan" src="blabla" width="65" height="65" title="Эко 02 кремовый"></label></div>


</body>
</html>

KEMPZOR · #3 (**permalink**) 12.03.2017, 02:04

Сообщение от рони

KEMPZOR,

<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script>
$(function() {
  $(".button-class-material").on("change",function() {
         alert($("img.obrazci_tkan", "[for="+this.id+"]").attr('title'));
})
});
  </script>
</head>

<body>
<div class="cc-selector-2">
        <input checked="checked" class="button-class-material" id="roll_mater_1" type="radio" name="catalmat_roll" value="1"  />
               <label class="drinkcard-cc" for="roll_mater_1"><img class="obrazci_tkan" src="blabla" width="65" height="65" title="Эко 01 белый"></label>
        <input class="button-class-material" id="roll_mater_2" type="radio" name="catalmat_roll" value="1" />
               <label class="drinkcard-cc" for="roll_mater_2"><img class="obrazci_tkan" src="blabla" width="65" height="65" title="Эко 02 кремовый"></label></div>


</body>
</html>

Спасибо, то что надо.

KEMPZOR · #4 (**permalink**) 19.03.2017, 09:05

Подскажите, а если элемент уже на странице при загрузке выбран(checked), как вызвать

alert($("img.obrazci_tkan", "[for="+this.id+"]").attr('title'));

?

рони · #5 (**permalink**) 19.03.2017, 09:11

KEMPZOR,
строка 15

}).filter(":checked").trigger("change");

Форум

Справочник

Discord чат

Курсы javascript