Question

我想给＆amp;＆amp;和||在相同条件下使用jquery。我的Html代码是：

  <table>
<tr>
    <td>fruits<select id="fruits">
        <option value="0">--select--</option>
        <option value="1">apple</option>
        <option value="2">orange</option>
        <option value="3">mango</option>

        </select>
</td>
</tr>
<tr>
    <td>vegitables
        <select id="vegit">
            <option value="">--select--</option>
            <option value="1">brinjal</option>
            <option value="2">tomato</option>
        <option value="3">onion</option>
        <option value="4">potato</option></select>
    </td>
</tr>
<tr>
    <td>qty<input id="qty" type="text"/>
</td>
</tr></table>
    <button >test</button>

我想做的条件是：

选择其中任何一个。即水果或蔬菜。如果选择了蔬菜，那么qty字段必须输入一些值。

即水果OR（蔬菜和数量）：

如何使用jquery编写？

SqlFiddle： http://jsfiddle.net/ss398m3g/

Answer 1

http://jsfiddle.net/ss398m3g/1/
如果您想限制水果和蔬菜同时被选中，则更新：http://jsfiddle.net/ss398m3g/2/

$('button').click(function () {
    var fruitSelection = $('#fruits option:selected').val();
    var vegySelection = $('#vegit option:selected').val();
    var quantity = $('#qty').val();

    if (fruitSelection > 0 && vegySelection > 0) {
        alert("I know your supossed to eat fruits and veggys, but you can't have both here...");
    } else if (fruitSelection > 0 || (vegySelection > 0 && quantity !== '')) {
        alert("your good!");
    } else if (fruitSelection < 1 && vegySelection < 1) {
        alert("you didn't select anything boss...");
    } else {
        alert("your missing something.  maybe a quantity?");
    }
});

Answer 2

将水果的第一个选项值更改为空：

 <option value="">--select--</option>

然后使用：

$('button').click(function(){
 if( $('#fruits option:selected').val()!="" || ( $('#vegit option:selected').val()!="" &&  $("#qty ").val()!="")){
 alert("select  items")
}});

当选择任何一种水果时，将触发警报。或者，选择了蔬菜，并且数量输入不为空。

Answer 3

您可以在语句中同时使用postinstall和||，但请记住括号。我相信这对你有用：

&&

Answer 4

尝试这样的事情：

$('button').click(function(){

    if( $('#fruits option:selected').val()=="" ||  $('#vegit option:selected').val()=='' &&  $("#qty ").val()=="")

{
    alert("select  items")
}

})

如何给予＆amp;＆amp;和||在相同条件下使用jquery

4 个答案: