jQuery функция .prop()

Раздел: Работа с формой

Описание: Получить значение свойства для элемента в наборе совпавших элементов или установить одно или несколько свойств для каждого соответствующего элемента.

Метод .prop() используется для получения свойств элементов формы checked

Начиная с jQuery 1.6, метод .prop() предоставляет возможность явно получить значения свойств, в то время как .attr() извлекает атрибуты.

Если используется jQuery 1.6, код

javascript:
    //  jQuery (1.6) return	"checked"
	if ( $(elem).attr("checked") )... 
    
    //  jQuery (>1.6) return	true | false
    if ($( elem ).prop( "checked" ) )...

Установка checked

javascript:
    //  jQuery (1.6)
	$(elem).attr("checked","checked")
    
    //  jQuery (>1.6) 
    $( elem ).prop( "checked", true )

Полный пример выделить , сбросить checkbox

html:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="http://code.jquery.com/jquery-latest.js"></script >
</head>
<body>
<p><a id="checkbox_true" href="#">Выделить все checkbox</a> <a id="checkbox_false" href="#">Сбросить все checkbox</a></p>
  <input type="checkbox" class="checkbox" value="ok">
  <input type="checkbox" class="checkbox" value="ok">
  <input type="checkbox" class="checkbox" value="ok">
  <input type="checkbox" class="checkbox" value="ok">
  <input type="checkbox" class="checkbox" value="ok">
  <input type="checkbox" class="checkbox" value="ok">
  <input type="checkbox" class="checkbox" value="ok">
  <input type="checkbox" class="checkbox" value="ok">
  <input type="checkbox" class="checkbox" value="ok">

<script type="text/javascript">

$('#checkbox_true').click(function(){
	$('.checkbox').prop('checked' , true  );
	});
	
$('#checkbox_false').click(function(){
	$('.checkbox').prop('checked' , false  );
})
</script >
</body>
</html>

Попробуйте сами

Выделить все checkbox | Сбросить все checkbox