• 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؟

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


رابط هذه المساهمة
  • 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;
    }
}

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


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

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

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

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


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

تسجيل الدخول

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


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