使用jquery相互依赖性master，将.include id用于两个值

Using jquery-interdependencies-master, .include id for two values

本文关键字：用于 两个 id include jquery 依赖性 master 使用      更新时间：2023-09-26

我正在使用jquery（jquery interdependencies master）创建一个表单。我不知道如何为两个值隐藏和显示一个元素。一个很容易，但如果您尝试将其与两个值绑定，它将只显示规则中列出的最后一个值。

以下是我所拥有的：

     <style>
    #container {
        width: 800px;
        margin: 0 auto;
    }
    #container > div {
        margin-bottom;
    }
</style>
<body>
    <div id="container">
        <div>
            <label>Diet</label>
            <select id="diet">
         <option value=""></option>
         <option value="normal">Normal</option>
         <option value="gluten">Gulten Free</option>
         <option value="veggie">veggitarian</option>
    </select>
        </div>
        <div id="special-diet" style="margin-left">
            <label for="text">
                What kind of considerations
            </label>
            <input type="text" id="text" />
        </div>
        <div>
            <label>
                <span>Stay in hotel?</span>
                <input type="checkbox" id="accomodation">
            </label>
        </div>
        <div id="adults" style="margin-left">
            <label>Number of adults</label>
            <input type="number" />
        </div>
        <div id="children" style="margin-left">
            <label>Number of children (younger than 12-years-old)</label>
            <input type="number" />
        </div>
    </div>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js">    </script>
    <script src="deps.js"></script>
    <script>
        $(document).ready(function() {
            // Start creating a new ruleset
            var ruleset = $.deps.createRuleset();
            // Show diet text input option only when special diet option is selected
            var dietRule = ruleset.createRule("#diet", "==", "gluten");
            dietRule.include("#special-diet");
            var dietRule = ruleset.createRule("#diet", "==", "veggie");
            dietRule.include("#special-diet");
    //"veggie" rule displays "special-diet", but "gluten" will not
            // Make these fields visible when user checks hotel accomodation
            var hotelRule = ruleset.createRule("#accomodation", "==", true);
            hotelRule.include("#adults");
            hotelRule.include("#children");
            // Make the ruleset effective on the whole page
            ruleset.install();
          });
      </script>
  </body>
</html>

答案如下：

var dietRule = ruleset.createRule("#diet", "!==", "normal");
         dietRule.include("#special-diet");

//"！"不等于

相关文章：