وعليكم السلام ورحمة الله وبركاته،
أهلاً بك...
بفرض لديك ثلاث خيارات في مجموعة تُكتب بالشكل التالي:
<label for="firstChoice">خيار أول</label>
<input type="radio" name="firstGroup" id="firstChoice" value="33">
<label for="secondChoice">خيار ثاني</label>
<input type="radio" name="firstGroup" id="secondChoice" value="133">
<label for="thirdChoice">خيار ثالث</label>
<input type="radio" name="firstGroup" id="thirdChoice" value="1133">
فإنه يتم الحصول على القيمة التي يختارها المستخدم باستخدام الكود التالي:
var num = $('input[name=firstGroup]:checked').val();
لاحظ أننا استخدمنا التابع val() الذي يعيد قيمة العنصر المطابق
وأيضاً عندما يضغط المستخدم على زر فإنك تستدعي التابع on() لربط الزر بحدث الضغط عليه فمثلاً إذا كان كود الزر بالشكل:
<button id="myButton">اضغط هنا </button>
يكون استدعاء التابع on لحدث الضغط هو بالشكل:
$('#myButton').on('click',function(){
//code here
})
للمزيد اطّلع على صفحة التابع val() في موسوعة حسوب:
https://wiki.hsoub.com/jQuery/val
وصفحة التابع on():
https://wiki.hsoub.com/jQuery/on