नोड जेएस में किसी तालिका में चेकबॉक्स को बदलते समय बटन को कैसे अक्षम करें? - जावास्क्रिप्ट, jquery, एचटीएमएल, node.js

मेरे पास कुछ छवियों और चेक बॉक्स के साथ एक तालिका है। मैंने तालिका में किसी भी चेकबॉक्स को बदलने पर सबमिट बटन को सक्षम करने का प्रयास किया। मेरी तालिका निम्नानुसार है,

<form action="/slideShowPage" method="GET">
<table id="imgTable" class="table">
{{#images}}
<tr>
<td><a href="/deleteImage?imageID={{imgURL}}" class="btn btn-danger" title="Clear All">Remove</a><label value={{imgURL}}>{{imgURL}}</label></td>
<td><img src={{imgURL}} style="width:100px;height:100px"></td>
<td><input id={{imgURL}} type="checkbox" name="image" value={{imgURL}}/><br></td>
</tr>
{{/images}}
</table>
<br>
{{#msg}}
<div class="alert alert-info">{{msg}}</div>
{{/msg}}

<a href="/" class="btn btn-success pull-right" title="Add More">Add more</a>
<input type="submit" value="Create Slide Show" class="btn btn-success pull-left" disabled/>
</form>

मैंने नीचे जावास्क्रिप्ट का उपयोग करके बटन को सक्षम करने का प्रयास किया,

<script type="text/javascript">
var checkboxes = $("input[type="checkbox"]"),
submitButt = $("input[type="submit"]");
checkboxes.click(function () {
submitButt.attr("disabled", !checkboxes.is(":checked"));
});
</script>

मुझे यह जावास्क्रिप्ट मिली JSFiddle। लेकिन यह "काम नहीं कर रहा है। इसके अलावा मैं NodeJS और मेरे jquery संस्करण का उपयोग कर रहा हूं।" jquery-2.0.3। क्या कोई मुझे इसे ठीक करने में मदद कर सकता है?

अग्रिम में धन्यवाद!

उत्तर:

तत्व को अक्षम करने के लिए गुण सेट करें

submitButt.disabled = false; यदि आप jQuery का उपयोग कर रहे हैं, तो समतुल्य होगा:

$ ("इनपुट [प्रकार =" सबमिट "]")। प्रोप ("अक्षम", गलत);

या "inputDisabled" जैसे इनपुट तत्व को आईडी या क्लास दें। $ ( "InputDisabled।") RemoveAttr ( "अक्षम")।

मुझे इसका हल मिल गया।

<script type="text/javascript">
$( document ).ready(function() {
console.log("Cheeeee 1");
var checkboxes = $("input[type="checkbox"]"),
submitButt = $("input[type="submit"]");

checkboxes.change(function() {
console.log("Cheeeee");
submitButt.attr("disabled", !checkboxes.is(":checked"));
});
});
</script>

क्योंकि दस्तावेज़ के तैयार होने तक पृष्ठ को "सुरक्षित रूप से हेरफेर नहीं किया जा सकता है"। jQuery आपके लिए इस तत्परता की स्थिति का पता लगाता है। $( document ).ready() जावास्क्रिप्ट कोड निष्पादित करने के लिए केवल पेज डॉक्यूमेंट ऑब्जेक्ट मॉडल (DOM) तैयार होने के बाद ही चलेगा।

इसे इस्तेमाल करे।

क्लिक इवेंट के बजाय परिवर्तन ईवेंट के लिए बाइंड करें।

var checkboxes = $("input[type="checkbox"]"),submitButt = $("input[type="submit"]");

checkboxes.change(function() {
submitButt.attr("disabled", !checkboxes.is(":checked"));
});