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>
Попробуйте сами