Форум

Neokortex · #1 (**permalink**) 02.10.2011, 20:59

Можно ли без цикла выбрать все элементы, где значение больше/меньше заданного.

Например, нам надо выбрать из всех чекбоксов представленных в форме те, у которых в атрибуте value значение больше 10.

Триви · #2 (**permalink**) 02.10.2011, 21:55

Куды ж тут без цикла?! А чем такой вариант не устраивает?

<input type=checkbox value="1" /><br />
<input type=checkbox value="5" /><br />
<input type=checkbox value="10" /><br />
<input type=checkbox value="20" /><br />
<input type=checkbox value="30" />

<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
  $("input").each(function() { (this.value > 10) ? alert(this.value) : '' });
});
</script>

ksa · #3 (**permalink**) 03.10.2011, 09:47

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

Куды ж тут без цикла?

Если те значения известны наперёд - можно и без цикла...

<input type=checkbox value="1" /><br />
<input type=checkbox value="5" /><br />
<input type=checkbox value="10" /><br />
<input type=checkbox value="20" /><br />
<input type=checkbox value="30" />

<script type="text/javascript">
$(function() {
  $(":checkbox").val([20,30]);
});
</script>

Или под "выбрать чекбоксы" подразумевается что-то другое?

nikita.mmf · #4 (**permalink**) 03.10.2011, 13:33

Можно создать например свой селектор для jQuery, например вот так

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
</head>
<body>
	<p><input type="checkbox" name="check" id="id_check_1"/><label for="id_check_1">Checkbox 1, value equal </label></p>
	<p><input type="checkbox" name="check" id="id_check_2"/><label for="id_check_2">Checkbox 2, value equal </label></p>
	<p><input type="checkbox" name="check" id="id_check_3"/><label for="id_check_3">Checkbox 3, value equal </label></p>
	<p><input type="checkbox" name="check" id="id_check_4"/><label for="id_check_4">Checkbox 4, value equal </label></p>
	<p><input type="checkbox" name="check" id="id_check_5"/><label for="id_check_5">Checkbox 5, value equal </label></p>
	<p><input type="checkbox" name="check" id="id_check_6"/><label for="id_check_6">Checkbox 6, value equal </label></p>
	<p><input type="checkbox" name="check" id="id_check_7"/><label for="id_check_7">Checkbox 7, value equal </label></p>
	<p><input type="checkbox" name="check" id="id_check_8"/><label for="id_check_8">Checkbox 8, value equal </label></p>
	<p><input type="checkbox" name="check" id="id_check_9"/><label for="id_check_9">Checkbox 9, value equal </label></p>
	<script>
		function randomNumber ( min, max ) {
			return Math.floor(Math.random() * (max - min + 1) + min);
		};
		
		$('input[name="check"]').each(function(){ this.value = randomNumber(-100, 100); this.nextSibling.appendChild( document.createTextNode(this.value) ); })
		
		//Создаем свои фильтры для jQuery
		jQuery.extend(jQuery.expr[':'], {
			"valueFrom" : function( element, i, match, elements ){
				var value = parseFloat($(element).val()),
					minMaxValues = match[3].split(/\s?,\s?/);
					minValue = parseFloat(minMaxValues[0]),
					maxValue = parseFloat(minMaxValues[1]);
				return !jQuery.isNaN(value) && !jQuery.isNaN(minValue) && !jQuery.isNaN(maxValue) && value <= maxValue && value >= minValue;
			}
		});
		
		alert( $('input[name="check"]:valueFrom(15,75)').map(function(){return this.value;}).get() );
		
	</script>
</body>
</html>

ksa · #5 (**permalink**) 03.10.2011, 13:35

Сообщение от nikita.mmf

например вот так

Нууу.

Это явно "многа букаф"...

bayrach · #6 (**permalink**) 03.10.2011, 14:23

nikita.mmf решил пушкой по воробьям стрелять

Форум

Справочник

Discord чат

Курсы javascript