المحدد :checked في jQuery
< jQuery
اذهب إلى التنقل
اذهب إلى البحث
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.
المحدد :checked
الوصف
يُستخدَم المُحدِّد :checked لمعرفة العناصر المُؤشَّرة (checked) أو المُحدَّدة (selected).
jQuery( ":checked" )
أضيفت في الإصدار: 1.0.
يعمل المُحدِّد :checked مع مربعات التأشير (checkboxes)، وأزرار الانتقاء (radio buttons)، وخيارات عناصر select.
للحصول على خيارات العنصر <select> فقط، استخدم المُحدِّد :selected.
أمثلة
تحديد عدد عناصر <input> المُؤشَّرة:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>checked مثال عن المحدد</title>
<style>
div {
color: red;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<form>
<p>
<input type="checkbox" name="newsletter" value="الساعيّة" checked="checked">
<input type="checkbox" name="newsletter" value="اليوميّة">
<input type="checkbox" name="newsletter" value="الأسبوعيّة">
<input type="checkbox" name="newsletter" value="الشهريّة" checked>
<input type="checkbox" name="newsletter" value="السنويّة">
</p>
</form>
<div></div>
<script>
var countChecked = function() {
var n = $( "input:checked" ).length;
$( "div" ).text( n + (n === 1 ? " is" : " are") + " checked!" );
};
countChecked();
$( "input[type=checkbox]" ).on( "click", countChecked );
</script>
</body>
</html>