jquery के साथ चेकबॉक्स को अक्षम कैसे करें?

Question

मैंने इसके साथ अधिक समय खोजा लेकिन यह काम नहीं कर रहा है, मैं चाहता हूं कि चेकबॉक्स अक्षम हो, उपयोगकर्ता जांच न करें और कुछ शर्त होने पर इसे जांच सकें। ठीक है, अब, मैंने उन्हें अक्षम करने की कोशिश की। मैं jQuery 2.1.3

<input type="checkbox" class="checkbox1" id="chk" name="check[]" value="U01" />Banana 
 
<input type="checkbox" class="checkbox1" id="chk" name="check[]" value="U02" />Orange 
 
<input type="checkbox" class="checkbox1" id="chk" name="check[]" value="U03" />Apple 
 
<input type="checkbox" class="checkbox1" id="chk" name="check[]" value="U04" />Candy

$(window).load(function() { 
    $('#chk').prop('disabled', true); 
}); 

Answer 1

id का उपयोग अद्वितीय होना चाहिए। आपके पास एक ही आईडी के साथ चार चेकबॉक्स नहीं हो सकते हैं।

आप .checkbox1 (कक्षा द्वारा), input[type="checkbox"] (टैग/विशेषता द्वारा) चेकबॉक्स की पूरी श्रृंखला का चयन करने के लिए अन्य चयनकर्ताओं को आजमा सकते हैं। एक बार जब आप आईडी तय कर लेंगे, तो आप #chk1, #chk2, #chk3, #chk4 भी आजमा सकते हैं।

नीचे स्निपेट आईडी 'चक' के बजाय वर्गनाम 'chk' का उपयोग करता है। इसके अलावा, यह विशेषता सेट करने के लिए attr का उपयोग करता है हालांकि यह मेरे लिए prop का उपयोग करके भी काम करता है।

$(window).load(function() { 
 
    $('.chk').attr('disabled', true); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="checkbox" class="chk" name="check[]" value="U01" />Banana 
 
<input type="checkbox" class="chk" name="check[]" value="U02" />Orange 
 
<input type="checkbox" class="chk" name="check[]" value="U03" />Apple 
 
<input type="checkbox" class="chk" name="check[]" value="U04" />Candy

Answer 2

आप पहले से ही आईडी बदल लेकिन आप भी इस तरह के रूप में एक ही विशेषता में वर्ग रख सकते हैं:

<input type="checkbox" class="checkbox1 chk" name="check[]" value="U01" />Banana 

तो फिर तुम jQuery का उपयोग कर सकते करने के लिए या तो अक्षम है या एक जाँच आपको

अक्षम करने के लिए चेकबॉक्स:

$(function() { 
    $('.chk').prop('disabled', true); 
}); 

"Precheck" करने के लिए:

$(function() { 
    $('.chk').prop('checked', true); 
}); 

आप चयनकर्ता आईडी या वर्गों भी तत्व फिट करने के लिए बदल सकते हैं और बीच गुण बदल सकते हैं सच है या अपनी आवश्यकताओं के अनुसार झूठी।

Answer 3

HTML:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<input type="checkbox" class="checkbox1" class="chk" name="check[]" value="U01" />Banana 
<input type="checkbox" class="checkbox1" class="chk" name="check[]" value="U02" />Orange 
<input type="checkbox" class="checkbox1" class="chk" name="check[]" value="U03" />Apple 
<input type="checkbox" class="checkbox1" class="chk" name="check[]" value="U04" />Candy 

जावास्क्रिप्ट/jQuery

$(function() { 
    $("input.checkbox1").prop("disabled", true); 
});