Question

我正在创建一个＆＃34;请求报价＆＃34;页。我对此非常陌生，我想从选择区域中选择选项时创建一个条件：选择服务时，div会删除class＆＃34; .disabled＆＃34;和复选框删除属性＆＃34;禁用＆＃34; （不可点击）我想要做的是，在选择＆＃34;移动应用程序＆＃34;选项之后，会发生以下情况：已禁用类已禁用＆lt; div id =＆＃34; appoptions＆＃34;类=＆＃34;禁用＆＃34;＆GT;＆LT; / DIV＆GT; 禁用的属性也会从复选框中删除：＆lt; input type =＆＃34; checkbox＆＃34; class =＆＃34; servico＆＃34;禁用＆GT; 最后，两者必须如下：＆lt; div id =＆＃34; appoptions＆＃34;＆gt;＆lt; / div＆gt; ＆lt; input type =＆＃34; checkbox＆＃34; class =＆＃34; servico＆＃34;＆gt; FIDDLE：https：//jsfiddle.net/ujgx4st3/3/ 任何帮助赞赏。 HTML ＆LT;选择＆GT; ＆lt;选择选项=＆＃34;选择＆＃34; id =＆＃34; service＆＃34;＆gt;选择其中一个选项＆lt; / option＆gt; ＆lt; optgroup label =＆＃34;＆＃34;＆gt;＆lt; / optgroup＆gt; ＆lt; optgroup label =＆＃34;完整网页＆＃34;＆gt; ＆lt; option value =＆＃34;网页＆＃34;＆gt;创建新的自定义网站＆lt; / option＆gt; ＆lt; option value =＆＃34; reweb＆＃34;＆gt;现代化我们当前的网站＆lt; / option＆gt; ＆lt; option value =＆＃34; trasnf＆＃34;＆gt;我不知道我在寻找什么＆lt; / option＆gt; ＆LT; / OPTGROUP＆GT; ＆lt; optgroup label =＆＃34;＆＃34;＆gt;＆lt; / optgroup＆gt; ＆lt; optgroup label =＆＃34; Design Services＆＃34;＆gt; ＆lt; option value =＆＃34; logo＆＃34;＆gt;徽标设计＆lt; /选项＆gt; ＆lt; option value =＆＃34; branding＆＃34;＆gt; Branding＆lt; / option＆gt; ＆lt; option value =＆＃34; webdesign＆＃34;＆gt;网页设计＆lt; /选项＆gt; ＆lt; option value =＆＃34; mobile＆＃34;＆gt;社交设计＆lt; label class =＆＃34; hidden-xs＆＃34;＆gt;（Youtube，Facebook，Twitter等）＆lt; / label＆gt;＆lt; /选项＆GT; ＆lt; option value =＆＃34; uxui＆＃34;＆gt;移动用户体验/用户界面＆lt; /选项＆gt; ＆LT; / OPTGROUP＆GT; ＆lt; optgroup label =＆＃34;＆＃34;＆gt;＆lt; / optgroup＆gt; ＆lt; optgroup label =＆＃34; Web Development＆＃34;＆gt; ＆lt; option value =＆＃34; manage＆＃34;＆gt; Website Management＆lt; / option＆gt; ＆lt; option value =＆＃34; manage＆＃34;＆gt;更新为响应＆lt; /选项＆gt; ＆lt; option value =＆＃34; coding＆＃34;＆gt; Page Coding＆lt; / option＆gt; ＆lt; option value =＆＃34;软件＆＃34;＆gt;软件编程＆lt; / option＆gt; ＆lt; option value =＆＃34; mobile＆＃34;＆gt;移动应用＆lt; /选项＆gt; ＆LT; / OPTGROUP＆GT; ＆lt; optgroup label =＆＃34;＆＃34;＆gt;＆lt; / optgroup＆gt; ＆lt; optgroup label =＆＃34; SEO＆amp;社交媒体＆＃34;＆gt; ＆lt; option value =＆＃34; smarket＆＃34;＆gt;社交营销＆lt;标签类=＆＃34; hidden-xs＆＃34;＆gt;（Facebook，Twitter，Youtube等）＆lt; / label＆gt;＆lt; /选项＆GT; ＆lt; option value =＆＃34; seo＆＃34;＆gt;搜索引擎优化＆lt; /选项＆gt; ＆LT; / OPTGROUP＆GT; ＆lt; optgroup label =＆＃34;＆＃34;＆gt;＆lt; / optgroup＆gt; ＆lt; optgroup label =＆＃34; CMS和＃34;＆gt;网站＆lt; option value =＆＃34; wordpress＆＃34;＆gt; Wordpress＆lt; / option＆gt; ＆lt; option value =＆＃34; joomla＆＃34;＆gt; Joomla＆lt; / option＆gt; ＆lt; option value =＆＃34; drupal＆＃34;＆gt; Drupal＆lt; / option＆gt; ＆lt; option value =＆＃34; magento＆＃34;＆gt; Magento＆lt; / option＆gt; ＆LT; / OPTGROUP＆GT; ＆LT; /选择＆GT; ＆lt; div id =＆＃34; appoptions1＆＃34; class =＆＃34; col-md-3禁用＆＃34;＆gt; ＆lt; div style =＆＃34; margin：25px 0;＆＃34;＆gt; ＆lt; label＆gt;＆lt; b＆gt;应用程序选项＆lt; / b＆gt; ＆LT;小＆GT;（移动）LT /小＆GT;＆LT; /标签＆gt;＆LT; / BR＆GT;＆LT; / BR＆GT; ＆lt; input type =＆＃34; checkbox＆＃34;命名=＆＃34;平台＆＃34;值=＆＃34;机器人＆＃34;已禁用的课程=＆＃34; servico＆＃34;＆gt; Android＆lt; / br＆gt; ＆lt; input type =＆＃34; checkbox＆＃34;命名=＆＃34;平台＆＃34;值=＆＃34;苹果＆＃34; disabled class =＆＃34; servico＆＃34;＆gt; Apple＆lt; / br＆gt; ＆lt; input type =＆＃34; checkbox＆＃34;命名=＆＃34;平台＆＃34;值=＆＃34;窗户＆＃34;已禁用的课程=＆＃34; servico＆＃34;＆gt; Windows Phone＆lt; / br＆gt; ＆lt; input type =＆＃34; checkbox＆＃34;命名=＆＃34;平台＆＃34;值=＆＃34; web应用＆＃34; disabled class =＆＃34; servico＆＃34;＆gt; Web应用程序＆lt; / br＆gt; ＆LT; / DIV＆GT; ＆LT; / DIV＆GT; jQuery的 function enable_cb（）{ var state = $（＆＃39; .check＆＃39;）。attr（＆＃39; disabled＆＃39;）; if（$（＆＃39; select option：selected＆＃39;）。attr（）==＆＃39; mobile＆＃39;）{ $（＆＃39;＃addoptions＆＃39）。removeClass（＆＃39;禁用＆＃39）; } else { 返回false; } };

Answer 1

我怀疑您的Javascript控制台出现错误，请尝试以下操作：

function enable_cb(element) {
  var state = $(element).attr('disabled');
  $(element).prop('disabled', !state);
}

如果您正在使用jQuery 1.6+，请避免使用prop（），因为它已被弃用而不支持attr（）;

选择<select>选项时启用复选框

1 个答案: