Страница 2 из 2 < 1 2
Показывать 40 сообщений этой темы на одной странице

Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как найти значение label для radio? (https://javascript.ru/forum/misc/8957-kak-najjti-znachenie-label-dlya-radio.html)

ksa 09.06.2015 11:49
Как вариант...

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
<link rel='stylesheet type=text/css href=tmp.css' />
<link rel="stylesheet/less" type="text/css" href="style.less">
<script src="http://cdnjs.cloudflare.com/ajax/libs/less.js/2.5.0/less.min.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
	$('button').click(function(){
		var a=[];
		$('div.filterBlock input:checked').each(function(){
			a[a.length]=$(this).next('label').text();
		});
		alert(a);
	});
});
</script>
</head>
<body>
<div class="filterBlock" style="height:200px;width:200px;overflow:auto;white-space:nowrap;">
	<input type="checkbox" name="filter2" value="1" id="fk21">
	<label for="fk21">Австралия</label><br>
	<input type="checkbox" name="filter2" value="2" id="fk22">
	<label for="fk22">Австрия</label><br>
	<input type="checkbox" name="filter2" value="3" id="fk23">
	<label for="fk23">Аргентина</label><br>
	<input type="checkbox" name="filter2" value="4" id="fk24">
	<label for="fk24">Армения</label><br>
	<input type="checkbox" name="filter2" value="5" id="fk25">
	<label for="fk25">Бельгия</label><br>
	<input type="checkbox" name="filter2" value="6" id="fk26">
	<label for="fk26">Бразилия</label><br>
	<input type="checkbox" name="filter2" value="7" id="fk27">
	<label for="fk27">Великобритания</label><br>
	<input type="checkbox" name="filter2" value="8" id="fk28">
	<label for="fk28">Венгрия</label><br>
	<input type="checkbox" name="filter2" value="9" id="fk29">
	<label for="fk29">Германия</label><br>
	<input type="checkbox" name="filter2" value="10" id="fk210">
	<label for="fk210">Гонконг</label><br>
	<input type="checkbox" name="filter2" value="11" id="fk211">
	<label for="fk211">Греция</label><br>
	<input type="checkbox" name="filter2" value="12" id="fk212">
	<label for="fk212">Дания</label><br>
	<input type="checkbox" name="filter2" value="13" id="fk213">
	<label for="fk213">Израиль</label><br>
	<input type="checkbox" name="filter2" value="14" id="fk214">
	<label for="fk214">Индия</label><br>
	<input type="checkbox" name="filter2" value="15" id="fk215">
	<label for="fk215">Индонезия</label><br>
	<input type="checkbox" name="filter2" value="16" id="fk216">
	<label for="fk216">Ирландия</label><br>
	<input type="checkbox" name="filter2" value="17" id="fk217">
	<label for="fk217">Исландия</label><br>
	<input type="checkbox" name="filter2" value="18" id="fk218">
	<label for="fk218">Испания</label><br>
	<input type="checkbox" name="filter2" value="19" id="fk219">
	<label for="fk219">Италия</label><br>
	<input type="checkbox" name="filter2" value="20" id="fk220">
	<label for="fk220">Казахстан</label><br>
	<input type="checkbox" name="filter2" value="21" id="fk221">
	<label for="fk221">Канада</label><br>
	<input type="checkbox" name="filter2" value="22" id="fk222">
	<label for="fk222">Китай</label><br>
	<input type="checkbox" name="filter2" value="23" id="fk223">
	<label for="fk223">Мексика</label><br>
	<input type="checkbox" name="filter2" value="24" id="fk224">
	<label for="fk224">Нидерланды</label><br>
	<input type="checkbox" name="filter2" value="25" id="fk225">
	<label for="fk225">Новая Зеландия</label><br>
	<input type="checkbox" name="filter2" value="26" id="fk226">
	<label for="fk226">Норвегия</label><br>
	<input type="checkbox" name="filter2" value="27" id="fk227">
	<label for="fk227">ОАЭ</label><br>
	<input type="checkbox" name="filter2" value="28" id="fk228">
	<label for="fk228">Польша</label><br>
	<input type="checkbox" name="filter2" value="29" id="fk229">
	<label for="fk229">Россия</label><br>
	<input type="checkbox" name="filter2" value="30" id="fk230">
	<label for="fk230">Румыния</label><br>
	<input type="checkbox" name="filter2" value="31" id="fk231">
	<label for="fk231">Сербия</label><br>
	<input type="checkbox" name="filter2" value="32" id="fk232">
	<label for="fk232">СССР</label><br>
	<input type="checkbox" name="filter2" value="33" id="fk233">
	<label for="fk233">США</label><br>
	<input type="checkbox" name="filter2" value="34" id="fk234">
	<label for="fk234">Таиланд</label><br>
	<input type="checkbox" name="filter2" value="35" id="fk235">
	<label for="fk235">Турция</label><br>
	<input type="checkbox" name="filter2" value="36" id="fk236">
	<label for="fk236">Украина</label><br>
	<input type="checkbox" name="filter2" value="37" id="fk237">
	<label for="fk237">Финляндия</label><br>
	<input type="checkbox" name="filter2" value="38" id="fk238">
	<label for="fk238">Франция</label><br>
	<input type="checkbox" name="filter2" value="39" id="fk239">
	<label for="fk239">Чехия</label><br>
	<input type="checkbox" name="filter2" value="40" id="fk240">
	<label for="fk240">Швейцария</label><br>
	<input type="checkbox" name="filter2" value="41" id="fk241">
	<label for="fk241">Швеция</label><br>
	<input type="checkbox" name="filter2" value="42" id="fk242">
	<label for="fk242">ЮАР</label><br>
	<input type="checkbox" name="filter2" value="43" id="fk243">
	<label for="fk243">Южная Корея</label><br>
	<input type="checkbox" name="filter2" value="44" id="fk244">
	<label for="fk244">Япония</label><br>
</div>
<button>List</button>
</body>
</html>

рони 09.06.2015 12:09
:) 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src='http://code.jquery.com/jquery-latest.js'></script>
<script type='text/javascript'>
$(function(){
	$('button').click(function(){
		var a =	$.map($('div.filterBlock input:checked + label'),function(el){
			return $(el).text();
		});
		alert(a);
	});
});
</script>
</head>
<body>
<div class="filterBlock" style="height:200px;width:200px;overflow:auto;white-space:nowrap;">
	<input type="checkbox" name="filter2" value="1" id="fk21">
	<label for="fk21">Австралия</label><br>
	<input type="checkbox" name="filter2" value="2" id="fk22">
	<label for="fk22">Австрия</label><br>
	<input type="checkbox" name="filter2" value="3" id="fk23">
	<label for="fk23">Аргентина</label><br>
	<input type="checkbox" name="filter2" value="4" id="fk24">
	<label for="fk24">Армения</label><br>
	<input type="checkbox" name="filter2" value="5" id="fk25">
	<label for="fk25">Бельгия</label><br>
	<input type="checkbox" name="filter2" value="6" id="fk26">
	<label for="fk26">Бразилия</label><br>
	<input type="checkbox" name="filter2" value="7" id="fk27">
	<label for="fk27">Великобритания</label><br>
	<input type="checkbox" name="filter2" value="8" id="fk28">
	<label for="fk28">Венгрия</label><br>
	<input type="checkbox" name="filter2" value="9" id="fk29">
	<label for="fk29">Германия</label><br>
	<input type="checkbox" name="filter2" value="10" id="fk210">
	<label for="fk210">Гонконг</label><br>
	<input type="checkbox" name="filter2" value="11" id="fk211">
	<label for="fk211">Греция</label><br>
	<input type="checkbox" name="filter2" value="12" id="fk212">
	<label for="fk212">Дания</label><br>
	<input type="checkbox" name="filter2" value="13" id="fk213">
	<label for="fk213">Израиль</label><br>
	<input type="checkbox" name="filter2" value="14" id="fk214">
	<label for="fk214">Индия</label><br>
	<input type="checkbox" name="filter2" value="15" id="fk215">
	<label for="fk215">Индонезия</label><br>
	<input type="checkbox" name="filter2" value="16" id="fk216">
	<label for="fk216">Ирландия</label><br>
	<input type="checkbox" name="filter2" value="17" id="fk217">
	<label for="fk217">Исландия</label><br>
	<input type="checkbox" name="filter2" value="18" id="fk218">
	<label for="fk218">Испания</label><br>
	<input type="checkbox" name="filter2" value="19" id="fk219">
	<label for="fk219">Италия</label><br>
	<input type="checkbox" name="filter2" value="20" id="fk220">
	<label for="fk220">Казахстан</label><br>
	<input type="checkbox" name="filter2" value="21" id="fk221">
	<label for="fk221">Канада</label><br>
	<input type="checkbox" name="filter2" value="22" id="fk222">
	<label for="fk222">Китай</label><br>
	<input type="checkbox" name="filter2" value="23" id="fk223">
	<label for="fk223">Мексика</label><br>
	<input type="checkbox" name="filter2" value="24" id="fk224">
	<label for="fk224">Нидерланды</label><br>
	<input type="checkbox" name="filter2" value="25" id="fk225">
	<label for="fk225">Новая Зеландия</label><br>
	<input type="checkbox" name="filter2" value="26" id="fk226">
	<label for="fk226">Норвегия</label><br>
	<input type="checkbox" name="filter2" value="27" id="fk227">
	<label for="fk227">ОАЭ</label><br>
	<input type="checkbox" name="filter2" value="28" id="fk228">
	<label for="fk228">Польша</label><br>
	<input type="checkbox" name="filter2" value="29" id="fk229">
	<label for="fk229">Россия</label><br>
	<input type="checkbox" name="filter2" value="30" id="fk230">
	<label for="fk230">Румыния</label><br>
	<input type="checkbox" name="filter2" value="31" id="fk231">
	<label for="fk231">Сербия</label><br>
	<input type="checkbox" name="filter2" value="32" id="fk232">
	<label for="fk232">СССР</label><br>
	<input type="checkbox" name="filter2" value="33" id="fk233">
	<label for="fk233">США</label><br>
	<input type="checkbox" name="filter2" value="34" id="fk234">
	<label for="fk234">Таиланд</label><br>
	<input type="checkbox" name="filter2" value="35" id="fk235">
	<label for="fk235">Турция</label><br>
	<input type="checkbox" name="filter2" value="36" id="fk236">
	<label for="fk236">Украина</label><br>
	<input type="checkbox" name="filter2" value="37" id="fk237">
	<label for="fk237">Финляндия</label><br>
	<input type="checkbox" name="filter2" value="38" id="fk238">
	<label for="fk238">Франция</label><br>
	<input type="checkbox" name="filter2" value="39" id="fk239">
	<label for="fk239">Чехия</label><br>
	<input type="checkbox" name="filter2" value="40" id="fk240">
	<label for="fk240">Швейцария</label><br>
	<input type="checkbox" name="filter2" value="41" id="fk241">
	<label for="fk241">Швеция</label><br>
	<input type="checkbox" name="filter2" value="42" id="fk242">
	<label for="fk242">ЮАР</label><br>
	<input type="checkbox" name="filter2" value="43" id="fk243">
	<label for="fk243">Южная Корея</label><br>
	<input type="checkbox" name="filter2" value="44" id="fk244">
	<label for="fk244">Япония</label><br>
</div>
<button>List</button>
</body>
</html>

robertbat 11.06.2015 21:32
Всем спасибо, все получилось


Часовой пояс GMT +3, время: 03:07.
Страница 2 из 2 < 1 2
Показывать 40 сообщений этой темы на одной странице