samedi 18 mars 2017

How to enable a button if checkbox.checked > 0 using js/jquery in asp mvc?

Here is my html markup

<form action="/SessionCart/AddToSession" method="post">    
<table class="table">
        <tr>
            <th>
                &nbsp;
            </th>
            <th>
                Foo
            </th>
        </tr>

            <tr>
                <td>
                    <input data-val="true" data-val-number="The field SessionId must be a number." data-val-required="The SessionId field is required." name="[0].SessionId" type="hidden" value="1" />
                    <input data-val="true" data-val-required="The isSelected field is required." name="[0].isSelected" type="checkbox" value="true" /><input name="[0].isSelected" type="hidden" value="false" />
                </td>
                <td>
                   A
                </td>
            </tr>
            <tr>
                <td>
                    <input data-val="true" data-val-number="The field SessionId must be a number." data-val-required="The SessionId field is required." name="[1].SessionId" type="hidden" value="8" />
                    <input data-val="true" data-val-required="The isSelected field is required." name="[1].isSelected" type="checkbox" value="true" /><input name="[1].isSelected" type="hidden" value="false" />
                </td>
                <td>
                    B
                </td>
            </tr>

    </table>
    <button id="addToCart" type="submit" class="btn btn-success">Add To Cart</button>
</form>

Here is my javascript to enable or disable the button, but I want to enable only if atleast one checkbox is checked? I want to ensure that atleast one checkbox is checked for the button to be enabled.

  <script type="text/javascript">
    if () {
        $("#addToCart").attr("disabled", "disabled");
    } else {
        $("#addToCart").removeAttr("disabled");
    }
</script>

Aucun commentaire:

Enregistrer un commentaire