###■画像ファイル名がほしい
画像ファイル名をラジオボタンのvalueに挿入したい。
のですが、次のjavascriptではうまくできません。
javascript
1<script> 2//ボタンクリックしたら 3$(".hukusei").click(function(){ 4 5//そのimgのnameをとってきて 6var src = $(this).parent().find('img').attr('name'); 7 8//abcのvalueを変更してね 9document.getElementsByClassName("abc")[0].value = checked.value; 10 11}); 12</script>
###■対象の画像
尚、画像というのは次のように「ボタンをクリックしたときにcloneされる画像(.linkimgに入る画像)」です。
・実際の動作↓
https://jsfiddle.net/zq9949k5/
・そのコード↓
html
1<!-- 【画像A】 --> 2<section id="A"> 3 <div class="slider"> 4 <img src="http://bit.ly/2sNLCTb" class="img"> 5 </div> 6 <div class="hukusei">ボタン</div> 7</section> 8 9<!-- 【画像B】 --> 10<section id="A"> 11 <div class="slider"> 12 <img src="http://bit.ly/2oySzSB" class="img"> 13 </div> 14 <div class="hukusei">ボタン</div> 15</section> 16 17<!-- 【複製画像】 --> 18<p>▼▼ここに複製▼▼</p> 19<div class="linkimg"></div> 20 21<!-- 【ラジオvalue連動】 --> 22<p>▼▼このvalueが画像ファイル名と連動してほしい▼▼</p> 23<input class='abc' type=radio value='xxx' checked> 24 25<!-- 【画像複製のjs】 --> 26<script> 27(function($){ 28$(document).ready(function(){ 29 $(".hukusei").click(function(){ 30 var cloneObject = $(this).parent().find(".slider").clone(); 31 // console.log(cloneObject[0]); 32 $(".linkimg").empty(); 33 cloneObject.appendTo($(".linkimg")); 34 cloneObject.find("input").hide(); 35 }) 36}); 37})(jQuery); 38</script>
たとえば、画像ファイルが「http://example.com/wp-content/themes/simplicity/animalimg/nekochan1.jpg」だったら、「nekochan1」というvalueになってほしい。ということです。
よろしくお願いいたします。m(_ _)m
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2018/02/28 21:25
退会済みユーザー
2018/02/28 21:26
2018/02/28 21:27
退会済みユーザー
2018/02/28 21:28
退会済みユーザー
2018/02/28 22:34
退会済みユーザー
2018/03/01 01:13 編集
2018/03/01 01:37
退会済みユーザー
2018/03/01 02:21 編集
退会済みユーザー
2018/03/02 00:52