[Селектор] checkbox
Раздел "Selectors"
Выбор элементов input с типом checkbox.
Параметры
Описание
Использование псевдо-селектора $(':checkbox') эквивалентно $('*:checkbox') ,однако последний селектор медленнее. Поэтому рекомендуется использовать $('input:checkbox').
Пример
:checkbox
Примеры
Пример:
Выбрать все элементы checkbox.
"jQuery"
var input = $("form :checkbox").wrap('<span></span>').parent().css({background:"yellow", border:"3px red solid"}); $("div").text("For this type jQuery found " + input.length + ".") .css("color", "red"); $("form").submit(function () { return false; }); // нам не надо чтобы форма отправлялась
"HTML"
<form> <input type="button" value="Input Button"/> <input type="checkbox" /> <input type="file" /> <input type="hidden" /> <input type="image" /> <input type="password" /> <input type="radio" /> <input type="reset" /> <input type="submit" /> <input type="text" /> <select><option>Option<option/></select> <textarea></textarea> <button>Button</button> </form> <div>
"CSS"
textarea { height:25px; }
"Живой пример jQuery"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <link href="http://test-drupal.ru/themes/slyweb/css/jqueryiframe.css" rel="stylesheet" type="text/css"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> <script> $(document).ready(function(){ var input = $("form :checkbox").wrap('<span></span>').parent().css({background:"yellow", border:"3px red solid"}); $("div").text("For this type jQuery found " + input.length + ".") .css("color", "red"); $("form").submit(function () { return false; }); // нам не надо чтобы форма отправлялась }); </script> </head> <body class="iframe"> <form> <input type="button" value="Input Button"/> <input type="checkbox" /> <input type="file" /> <input type="hidden" /> <input type="image" /> <input type="password" /> <input type="radio" /> <input type="reset" /> <input type="submit" /> <input type="text" /> <select><option>Option<option/></select> <textarea></textarea> <button>Button</button> </form> <div> </body> </html> <style> textarea { height:25px; } </style>
Версия jQuery 1.4.2
Документ создан 2010-08-21