Witajcie, znowu mam kolejny niedokończony problem.. wydaje mi się w miarę prosty ale zawsze wyjdą jakieś problemy.
Postaram się dobrze opisać.
Mam postać w html:
<div class="row">
<div class="col-xs-12 col-md-12">
<p class="wybor">
<span class="check_spr">
<div>
<span>
<input class="checkbox_spr" type="checkbox">
</span>
</div>
<a class="myLink" href="http://localhost.pl">aaa</a>
</span>
<span class="spr_txt">
<b>Przykładowy tekst</b>
<span>Przykładowy tekst</span>
</span>
</p>
</div>
</div>
<!-- kolejny div .. -->
<div class="row">
<div class="col-xs-12 col-md-12">
<p class="wybor">
<span class="check_spr">
<div>
<span>
<input class="checkbox_spr" type="checkbox">
</span>
</div>
<a id="aaa1" class="myLink" onclick="$('#spr_form').submit();" href="javascript:void(0)"></a>
</span>
<span class="spr_txt">
<b>Przykładowy tekst</b>
<span>Przykładowy tekst</span>
</span>
</p>
</div>
</div>
<a href="" id="butt_odbioru">ok</a>
Jest to w sumie przerobienie bezpośrednich odnośników na wybór w checkbox.
Chciałbym uzyskać taki efekt, że:
Jak zaznaczymy dany checkbox to powinien być pobierany z link (zachowanie przycisku) z najbliższego a href'a i przekazywany do przycisku na samym dole #butt_odbioru.
Dla testów robiłem wyświetlanie jakie linki są pobierane:
<script type="text/javascript">
$(document).ready(function(){
$('.check_spr').click(function() {
alert($('.checkbox_spr').find('.myLink:first').attr('href'));
});
});
</script>
ale ta metoda nie działa, poza tym nie sprawdzi się, ponieważ inny link ma postać:
<a id="aaa1" class="myLink" onclick="$('#spr_form').submit();" href="javascript:void(0)"></a>
czyli posiada również onclick.
Wydaje mi się, że powinienem pobierać cały aby miało to sens i wyświetlać go na samym końcu ale nie wiem jak do tego podejść.. wszystko miesza się w głowie.
poprawienie tytułu i tagów wątku
- @furious programming