javascript شرح كيف يمكنني الحصول على تسمية زر الاختيار المحدد باستخدام جافا سكريبت




جافا سكربت pdf (2)

لديك للوصول إلى تسمية المقابلة بشكل منفصل، لأنه يقيم في علامة منفصلة. نظرا لأن التسميات "للسمة تساوي id خيارها، يمكنك الحصول على التصنيف بسهولة:

for(var i=0; i<radios.length; i++) {
    var selector = 'label[for=' + radios[i].id + ']';
    var label = document.querySelector(selector);
    var text = label.innerHTML;
    // do stuff
}

أيضا تحقق من هذا كمان

لدي هتمل التالي

<div class="form-radios" id="edit-submitted-lunchset-lunch"><div class="form-item form-type-radio form-item-submitted-lunchset-lunch">
<input type="radio" class="form-radio" value="1" name="submitted[lunchset][lunch]" id="edit-submitted-lunchset-lunch-1">  <label for="edit-submitted-lunchset-lunch-1" class="option">12:00 </label>

</div>
<div class="form-item form-type-radio form-item-submitted-lunchset-lunch">
<input type="radio" class="form-radio" value="2" name="submitted[lunchset][lunch]" id="edit-submitted-lunchset-lunch-2">  <label for="edit-submitted-lunchset-lunch-2" class="option">12:30 </label>

</div>
<div class="form-item form-type-radio form-item-submitted-lunchset-lunch">
<input type="radio" class="form-radio" value="3" name="submitted[lunchset][lunch]" id="edit-submitted-lunchset-lunch-3">  <label for="edit-submitted-lunchset-lunch-3" class="option">13:00 </label>

</div>
<div class="form-item form-type-radio form-item-submitted-lunchset-lunch">
<input type="radio" class="form-radio" value="4" name="submitted[lunchset][lunch]" id="edit-submitted-lunchset-lunch-4">  <label for="edit-submitted-lunchset-lunch-4" class="option">13:30 </label>

</div>
<div class="form-item form-type-radio form-item-submitted-lunchset-lunch">
<input type="radio" class="form-radio" value="5" name="submitted[lunchset][lunch]" id="edit-submitted-lunchset-lunch-5">  <label for="edit-submitted-lunchset-lunch-5" class="option">14:00 </label>

</div>
<div class="form-item form-type-radio form-item-submitted-lunchset-lunch">
<input type="radio" class="form-radio" checked="checked" value="6" name="submitted[lunchset][lunch]" id="edit-submitted-lunchset-lunch-6">  <label for="edit-submitted-lunchset-lunch-6" class="option">14:30 </label>

</div>
</div>

أحاول استرداد التسمية المقترنة بزر الاختيار بدلا من القيمة باستخدام جافا سكريبت التالي ولكن لا يزال "تشوسنتيمي" متغير "غير محدد". راجعت الرمز الخاص بي عن طريق رمي في عدد قليل من التنبيهات التنبيه (راديوس [i] .innerhtml)؛ تم إلغاء تعيينها

var radios = document.getElementsByName('submitted[lunchset][lunch]');
for (var i = 0, length = radios.length; i < length; i++) {
    if (radios[i].checked) {
        alert(i);
        alert(radios[i].value);
        alert(radios[i].innerhtml);
        chosentime = radios[i].innerhtml;
    }
}
window.alert(chosentime);
}

نقدر أي مساعدة. شكرا مقدما.


Answer #1

A راديوبوتون لا يوجد إنتيرتمل. يجب استهداف التصنيف. إذا كان دائما مباشرة بعد زر الراديو، حاول شيئا مثل radios[i].nextSibling.innerhtml .





radio-button