我想以类似的形式创建一个选项
[] 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=。然而,什么也没有发生。当应用于 a<input type="checkbox">而不是 时<select>,代码可以完美运行。
.prop()
.attr()
.disabled=
<input type="checkbox">
<select>
如何<select>使用 jQuery 禁用/启用?
您想使用这样的代码:
<form> <input type="checkbox" id="pizza" name="pizza" value="yes"> <label for="pizza">I would like to order a</label> <select id="pizza_kind" 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').prop('disabled', false); } else { $('#pizza_kind').prop('disabled', 'disabled'); } }; $(update_pizza); $("#pizza").change(update_pizza); </script>
‘淫荡的例子