تحديد قيمة مربع الاختيار إلى صواب أو خطأ مع jQuery



(4)

استخدم $('#id-of-the-checkbox').prop('checked', true_or_false);

إذا كنت تستخدم إصدار jQuery قديمًا ، فستحتاج إلى استخدام.

لدي نموذج مع مربع الاختيار. باستخدام jQuery ، أود تعيين قيمة مربع الاختيار على TRUE إذا تم تحديده ، وإذا لم يتم تحديده ، سيتم تعيين القيمة على FALSE. كيف يمكنني القيام بذلك من فضلك؟


جرب هذا:

HTML:

<input type="checkbox" value="FALSE" />

JQ:

$("input[type='checkbox']").on('change', function(){
  $(this).val(this.checked ? "TRUE" : "FALSE");
})

jsfiddle

يرجى الأخذ في الاعتبار أن مربع الاختيار الذي لم يتم التحقق منه لن يتم تقديمه في شكل منتظم ، ويجب عليك استخدام الملفات المخفية المودعة للقيام بذلك.


محدث : استخدام prop بدلاً من attr

 <input type="checkbox" name="vehicle" id="vehicleChkBox" value="FALSE"/>

 $('#vehicleChkBox').change(function(){
     cb = $(this);
     cb.val(cb.prop('checked'));
 });

خارج التاريخ :

هنا هو jsfiddle

<input type="checkbox" name="vehicle" id="vehicleChkBox" value="FALSE" />

$('#vehicleChkBox').change(function(){
     if($(this).attr('checked')){
          $(this).val('TRUE');
     }else{
          $(this).val('FALSE');
     }
});

var checkbox = $( "#checkbox" );
checkbox.val( checkbox[0].checked ? "true" : "false" );

سيؤدي هذا إلى تعيين value مربع الاختيار على "true" أو "false" ( value property عبارة عن string) ، وهذا يتوقف على ما إذا كانت unchecked أو checked .

يعمل في مسج> = 1.0





jquery