كيف أعرف أن Radio Button معين قد تم تحديده باستخدام JQuery؟

يمكن ذلك عن طريق الخاصية :checked  التي ستنفذ عند اختيار أحد الـradio buttons.

 ليكن لدينا form يحوي على ثلاث radio buttons 

<form id="myForm">
<input type="radio" name="radioName" value="1" /> 1 <br />
<input type="radio" name="radioName" value="2" /> 2 <br />
<input type="radio" name="radioName" value="3" /> 3 <br />
</form>

الآن نكتب الـ script الذي سينفَذ عند اختيار أحد الـ radio buttons:

$('#myForm input').on('change', function() {
   alert($('input[name=radioName]:checked', '#myForm').val()); 
});

لاحظ أننا وضعنا الخاصية :checked بعد تحديد اسم الـ radiobutton الذي نريد أخذ قيمته عند اختياره عن طريق الدالة .val()

يمكن أيضًا استخدام معرف العنصر id لتحديد الـradiobutton كما في المثال التالي:

<input id="rad1" type="radio" name="radioName" value="1" /> 1 <br />

في الـ script نكتب:

$('#myForm input').on('change', function() {
   alert($('#rad1:checked', '#myForm').val()); 
});