আমি একটি ফর্ম একটি বিকল্প তৈরি করতে চাই
[] I would like to order a [selectbox with pizza] pizza
যেখানে সিলেক্টবক্স তখনই সক্ষম থাকে যখন চেকবক্সটি চেক করা হয় না এবং চেক না করা অবস্থায় অক্ষম থাকে।
আমি এই কোডটি নিয়ে এসেছি:
<form>
<input type="checkbox" id="pizza" name="pizza" value="yes"> <label for="pizza">
I would like to order a</label>
<select name="pizza_kind">
<option>(choose one)</option>
<option value="margaritha">Margaritha</option>
<option value="hawai">Hawai</option>
</select>
pizza.
</form>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script>
<script>
var update_pizza = function () {
if ($("#pizza").is(":checked")) {
$("#pizza_kind").removeAttr("disabled");
}
else {
$("#pizza_kind").prop('disabled', 'disabled');
}
};
$(update_pizza);
$("#pizza").change(update_pizza);
</script>
আমি বিভিন্ন পদ্ধতি চেষ্টা কিভাবে ব্যবহার অক্ষম অ্যাট্রিবিউট সেট করতে .prop()
, .attr()
এবং .disabled=
। তবে কিছুই হয় না। <input type="checkbox">
পরিবর্তে কোনও ক্ষেত্রে আবেদন করার <select>
সময় কোডটি পুরোপুরি কার্যকর হয়।
কীভাবে <select>
jQuery ব্যবহার করে অক্ষম / সক্ষম করবেন ?