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

كيف أعطّل جميع Checkbox عند فتح الصفحة؟

سعاد

السؤال

أريد تعطيل جميع Checkbox عندفتح صفحة html وهذا هو كود صفحتي :

form action="demo_form.asp" method="get">
  <input type="checkbox" name="vehicle" value="Bike"> I have a bike<br>
  <input type="checkbox" name="vehicle" value="Car" checked> I have a car<br>
  <input type="submit" value="Submit">
</form>

حاولت فعل الامر باستخدام Jquery :

$(document).ready(function(){
        if($(".test").is(':checked'))
            $(".test").attr("disabled", false);
        else
            $(".test").attr("disabled", true);
    });

 

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

Recommended Posts

  • 0

حسب ما فهمته من سؤالك أنك تريد تعطيل جميع Checkbox في صفحة معينة(أي أن جميع checkbox لا يمكن تغيير القيم الإفتراضية فيها).
هذه شيفرة jquery تقوم بالمهمة:

$(function() {
  enable_cb();
  $("#group1").click(enable_cb);
});

function enable_cb() {
  if (this.checked) {
    $("input.group1").removeAttr("disabled");
  } else {
    $("input.group1").attr("disabled", true);
  }
}

ولقد قمت بإعطاء صنف class لكل checkbox، حيث أصبح كالتالي:

<form action="demo_form.asp" method="get">
  <input type="checkbox" name="vehicle" value="Bike" class="group1"> I have a bike<br>
  <input type="checkbox" name="vehicle" value="Car" checked class="group1"> I have a car<br>
  <input type="submit" value="Submit">
</form>

 

المصدر

تحياتي

تم التعديل في بواسطة هشام رزق الله
رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0

يمكنك استعمال خاصيةJquery :

 

:not(checked)

حيث تتحقق من الخاصيةchecked لجميع checkbox الموجودة بالصفحة  وتعطيلها بالشكل التالي:

$(document).ready(function() {
  $(":checkbox:not(:checked)").prop('disabled', true)
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<form action="demo_form.asp" method="get">
  <input type="checkbox" name="vehicle" value="Bike">I have a bike
  <br>
  <input type="checkbox" name="vehicle" value="Car" checked>I have a car
  <br>
  <input type="submit" value="Submit">
</form>

 

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

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

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

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

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

  • إعلانات

  • تابعنا على



×
×
  • أضف...