Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Получить img title по input:checked (https://javascript.ru/forum/misc/67853-poluchit-img-title-po-input-checked.html)

KEMPZOR 12.03.2017 01:08

Получить img title по input:checked
 
Здравствуйте. Ни как не получается получить атрибут 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');

рони 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 12.03.2017 02:04

Цитата:

Сообщение от рони (Сообщение 447080)
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 19.03.2017 09:05

Подскажите, а если элемент уже на странице при загрузке выбран(checked), как вызвать
alert($("img.obrazci_tkan", "[for="+this.id+"]").attr('title'));
?

рони 19.03.2017 09:11

KEMPZOR,
строка 15
}).filter(":checked").trigger("change");


Часовой пояс GMT +3, время: 02:30.