Here is my html markup
<form action="/SessionCart/AddToSession" method="post">
<table class="table">
<tr>
<th>
</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