"راديو" غير معروف من الدرجة الزائفة أو "راديو" عن العناصر الزائفة "

https://stackoverflow.com/questions/1788458

21-09-2019
|

سؤال

هناك العديد من عناصر الراديو الإدخال على صفحة ويب وكل عنصر من عناصر الراديو لديه عدة خيارات. أريد إطلاق وظيفة كلما تم فحص خيار عنصر الراديو. كيف تكتب الرمز باستخدام jQuery؟ يبدو عنصر إدخال واحد على النحو التالي:

<div class="below">
<input type="radio" value="information" name="option0"/>
information
<input type="radio" value="communication" name="option0"/>
communication
<input type="radio" value="goods" name="option0"/>
goods
<input type="radio" value="attention" name="option0"/>
attention
</div>

كتبت الرمز على النحو التالي:

$('input:radio').click(function () {
  if (this.checked) { // or $(this).attr('checked')
    alert(this.value); // or alert($(this).val());
  }
});

نسخة jQuery الخاصة بي

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

أنا أستخدم Firefox. في وحدة التحكم في الخطأ ، تقول "راديو" غير معروف من الدرجة الزائفة أو "راديو". اي فكرة؟ ماذا دهاك؟

سؤالي السابق قريب من هذا السؤال ولكن لم أحصل على حل حتى الآن. لذلك يجب أن أسأل حولها. آمل ألا يتم إغلاق هذا السؤال كمسألة مكررة. شكرًا لك!

المحلول

ربما هذا؟

$('input[type=radio]').click( ... );

نصائح أخرى

عادة ما تكون عناصر الإدخال موجودة داخل عنصر النموذج ، هل هذه حالتك؟ إذا كان الأمر كذلك ، فربما تحتاج إلى تضمين عنصر النموذج في المحدد. انظر مثال هنا: http://docs.jquery.com/selectors/radio

لقد قمت بإعداد صفحة اختبار بسيطة مع الكود الخاص بك ، وأحصل على نفس الخطأ في وحدة التحكم ، فهي تعمل (يتم عرض رسالة التنبيه عند النقر فوق زر الراديو). أقوم بنشر رمز الصفحة هنا في حال يساعدك على اكتشاف شيء فاتتك:

<html>
<header>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('input:radio').click(function () {
  if (this.checked) { // or $(this).attr('checked')
    alert(this.value); // or alert($(this).val());
  }
});
});
</script>
</header>
<body>
<div class="below">
<input type="radio" value="information" name="option0"/>
information
<input type="radio" value="communication" name="option0"/>
communication
<input type="radio" value="goods" name="option0"/>
goods
<input type="radio" value="attention" name="option0"/>
attention
</div>
</body>
</html>

مرخصة بموجب: CC-BY-SA مع الإسناد

لا تنتمي إلى StackOverflow