• 0

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

عندي اثنان Radio Buttons أريد الحصول على قيمة الزر المحدد كيف يمكنني فعل ذلك باستخدام JQuery؟

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

يمكن ذلك عن طريق الخاصية :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()); 
});

rad.thumb.png.50eccd88ed7400b2ec1abf2359

1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن