当使用Jquery / Javascript选择一个时，如何使所有选择中的所有值都无法选择：

Question

我在Symfony项目上使用Ajax和jQuery生成了动态表单 。

我有多项选择 。 我想在这种多重选择中，当我选择值id 7（在“外部”）时 ，所有其他值都是不可选择的。

这是我的树枝视图中脚本的代码：

function checkOption(obj) {
        var select = document.getElementById("mySpace_databasebundle_zonestechnique_batiments");
        select.disabled = obj.value == "7";
      }

这是我的树枝视图中的表单代码。 只知道我正在使用一个集合，即Symfony Form的formType来创建此表单：

<div>
                {{ form_label(form.categorieszonestechnique, "Categorie(s) de la zone technique:", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_errors(form.categorieszonestechnique) }}
                {{ form_widget(form.categorieszonestechnique, {'attr': {'class': 'selectpicker categories', 'onChange': 'checkOption(this)'}}) }}
              </div>

              <div>
                {{ form_label(form.batiments, "Appartenant au bâtiment:", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_errors(form.batiments) }}
                {{ form_widget(form.batiments, {'attr': {'class': 'form-control', 'option selected': '--choose abâtiment--'}}) }}
              </div>

因此，当我选择选项7（即“外部”）时，我想使多重选择的所有其他值变为不可选择。 然后为“ batiments”的选择标签在以下字段中设置默认值（空值）。

对于多选（selectpicker）id是mySpace_databasebundle_zonestechnique_categorieszonestechnique和batiments的选择标签的ID是mySpace_databasebundle_zonestechnique_batiments 。

有人知道如何使我的多重选择的所有其他值变为不可选择，然后将空值添加到以下字段，即用于饼的选择标记。

谢谢。

Answer 1

  function lock() { $("input").prop('disabled', true); $("select").prop('disabled', true); }; function unlock() { $("input").prop('disabled', false); $("select").prop('disabled', false); }; 

 <form> <input type="checkbox" id="pizza" name="pizza" value="yes"><br/> <input type="radio" name="radio" id="radio" value="Yes"> <input type="radio" name="radio" id="radio" value="No"><br/> <select id="pizza_kind"> <option>(choose one)</option> <option value="margaritha">Margaritha</option> <option value="hawai">Hawai</option> </select><br/> <select id="pizza_kind1"> <option>(choose one)</option> <option value="margaritha">Margaritha</option> <option value="hawai">Hawai</option> </select><br/> <button name="freez" onClick="lock()">Lock</button> <button name="freez" onClick="unlock()">Unlock</button> </form> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 

我认为这就是您的解释。 如果不是您想要的，请告诉我