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

كيف أحصل على قيمة Radobutton بواسطة Javascript؟

محمد بوسكوري

السؤال

في تطبيق ويب أستخدم فيه بعض تقنيات javascript، أحاول جلب قيمة Radiobutton المُدرجة في ملف htm :

دالة javascript:

function findSelection(field) {
    var test = 'document.theForm.' + field;
    var sizes = test;

    alert(sizes);
        for (i=0; i < sizes.length; i++) {
            if (sizes[i].checked==true) {
            alert(sizes[i].value + ' you got a value');     
            return sizes[i].value;
        }
    }
}

دالة ارسال النموذج:

function submitForm() {

    var genderS =  findSelection("genderS");
    alert(genderS);
}

كود صفحة Html:

<form action="#n" name="theForm">

    <label for="gender">Gender: </label>
    <input type="radio" name="genderS" value="1" checked> Male
    <input type="radio" name="genderS" value="0" > Female<br><br>
    <a href="javascript: submitForm()">Search</A>
</form>

ولا أعلم سبب عدم حصولي على قيمة الحقل Radiobutton؟ هل هناك خطأ في كود javascript؟

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

Recommended Posts

  • 0

يمكنك فعل ذلك عن طريق مكتبة Jquery، وذلك بجلب RadioButton التي تتوفر على خاصية name=genderS، بهذا الشكل:

$('input[name="genderS"]:checked').val();
var radios = document.getElementsByName('genderS');

for (var i = 0, length = radios.length; i < length; i++) {
    if (radios[i].checked) {
        //RadioButton إظهار قيمة 
        alert(radios[i].value);

        //المُفعلةالتي ستظهر RadioButtons فقط 
        break;
    }
}
رابط هذا التعليق
شارك على الشبكات الإجتماعية

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

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

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

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...