मेरे पास कई चेकबॉक्स हैं। मुझे आईडी का उपयोग करते हुए एक बार में चेकबॉक्स को सक्षम करने की आवश्यकता है। निम्नलिखित कोड का उपयोग करते समय ठीक काम कर रहा है:

$('#canReadFlag'+index).prop('checked', true);
$('#canShareFlag'+index).prop('checked', true);
$('#canUpdateFlag'+index).prop('checked', true);
$('#canCreateFlag'+index).prop('checked', true);
$('#canDeleteFlag'+index).prop('checked', true);

लेकिन निम्नलिखित कोड का उपयोग करते समय यह काम नहीं कर रहा है

$('#canReadFlag'+index,'#canShareFlag'+index,'#canUpdateFlag'+index,'#canDeleteFlag'+index,'#canCreateFlag'+index).prop('checked', true);

एक बार में चेकबॉक्स को सक्षम करने के लिए, मुझे Id . का उपयोग करके क्या करना चाहिए?

1
Karthik Subramani 27 मार्च 2018, 16:32

4 जवाब

सबसे बढ़िया उत्तर

मैंने चेकबॉक्स को भी टॉगल करने का प्रयास किया है,

इसलिए एक बार किसी भी चेकबॉक्स को चेक करने के बाद अन्य सभी चेक किए गए और . हैं

जब आप चेक किए गए चेकबॉक्स पर क्लिक करेंगे तो यह अनचेक हो जाएगा।

यह चेकबॉक्स को अक्षम भी कर सकता है।

$(document).ready(function() {
  $("input[type=checkbox]").on("click", function(e) {
    var index = 1;
    var status = true;
    $('#canReadFlag' + index + ',#canShareFlag' + index + ',#canUpdateFlag' + index + ',#canDeleteFlag' + index + ',#canCreateFlag' + index).prop('checked', status);

    $('#canReadFlag' + index + ',#canShareFlag' + index + ',#canUpdateFlag' + index + ',#canDeleteFlag' + index + ',#canCreateFlag' + index).prop('disabled', status);
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<input type="checkbox" id="canReadFlag1" name="canReadFlag1" value="1">Can read
<input type="checkbox" id="canShareFlag1" name="canShareFlag1" value="1">Can share
<input type="checkbox" id="canUpdateFlag1" name="canUpdateFlag1" value="1">Can update
<input type="checkbox" id="canDeleteFlag1" name="canDeleteFlag1" value="1">Can delete
<input type="checkbox" id="canCreateFlag1" name="canCreateFlag1" value="1">Can create

आशा है कि कोड आपकी मदद करेगा।

-1
Dipak chavda 27 मार्च 2018, 15:26

आमतौर पर चेकबॉक्स एकाधिक चयन के लिए होते हैं इसके बजाय आप रेडियो बटन का उपयोग कर सकते हैं यदि आप एक ही नाम देकर एक समय में एक विकल्प चाहते हैं, तो चेकबॉक्स के मामले में आप एक काम कर सकते हैं पहले सभी चेकबॉक्स को दस्तावेज़ों द्वारा चर में लें। getElementByTagName और फिर पहले सभी को अनचेक करें फिर उस एक चेकबॉक्स को e.target द्वारा चेक करें। दूसरी बात यह है कि आप इसे चेक की गई संपत्ति को सही और गलत बताकर कर सकते हैं। उस स्थिति में किसी भी चेकबॉक्स के क्लिक पर क्लिक किए गए को छोड़कर सभी चेकबॉक्सों की संपत्ति झूठी होती है।

0
amitchauh4n 27 मार्च 2018, 13:52

आसान तरीका यह होगा कि आप सभी समान प्रकार के चेकबॉक्स को class असाइन करें जिसमें आप इसे checked प्राप्त करना चाहते हैं और उस class का उपयोग चेकबॉक्स checked को सेट करने के लिए करें।

var index = 1;
//use the class selector
$('.cbFlag'+index).prop('checked', true);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id='canReadFlag1' class='cbFlag1' type='checkbox' />canReadFlag <br>
<input id='canShareFlag1' class='cbFlag1' type='checkbox' />canShareFlag <br>
<input id='canUpdateFlag1' class='cbFlag1' type='checkbox' />canUpdateFlag <br>
<input id='canCreateFlag1' class='cbFlag1' type='checkbox' />canCreateFlag <br>
<input id='canDeleteFlag1' class='cbFlag1' type='checkbox' />canDeleteFlag
0
Ankit Agarwal 27 मार्च 2018, 13:44

अल्पविराम को स्ट्रिंग में जोड़ने का प्रयास करें

$('#canReadFlag'+index+',#canShareFlag'+index+',#canUpdateFlag'+index+',#canDeleteFlag'+index+',#canCreateFlag'+index).prop('checked', true);
1
Matt 27 मार्च 2018, 13:38