اذهب إلى المحتوى
  • 0

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

عامر بيرادي

السؤال

Recommended Posts

  • 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

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...