[英]Disable button if all checkboxes are unchecked and enable it if at least one is checked
[英]disable/enable button when checkboxes is not checked
我在C#中有一個MVC應用程序,並且在視圖中將有一些復選框,並且在此復選框列表中,某些復選框將從數據庫中“選中並禁用”,具體取決於我是否傳遞了ID的某些值或其他值。
但是我的問題是,如果我選中一個復選框啟用,或者如果我有兩個以上啟用並選中了所有選中的復選框,而未選中禁用的復選框,那么我的按鈕只能提交。 點擊這里
<input type="checkbox" name="SelectAll" id="checkboxPrincipal" />SelectALL
@foreach (var item in Model)
{
<input type="checkbox" id="mycheckbox" class="mycheck" onchange="isChecked(this,'myButton');" checked="checked" disabled="disabled"/>
<input type="checkbox" id="mycheckbox" class="mycheck" onchange="isChecked(this,'myButton');"/>
<input type="checkbox" id="mycheckbox" class="mycheck" onchange="isChecked(this,'myButton');"/>
}
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal" id="myButton" name="myButton" disabled >Actualizar</button>
<script type="text/javascript">
function isChecked(mycheckbox,myButton) {
console.log(myButton);
var myLayer = document.getElementById(myButton);
if (mycheckbox.checked == true) {
myLayer.disabled = false;
} else {
myLayer.disabled = true;
}
}
$('.checkboxPrincipal').change(function () {
if ($('.checkboxPrincipal:checked').length == $('.checkboxPrincipal').length) {
$('#myButton').prop('disabled',true);
}
else{
$('#myButton').prop('disabled',false);
}
});
</script>
您可以像下面的示例一樣在jQuery中使用復選框的選中屬性和按鈕的禁用屬性:
$(document).ready(function () {
if(chkbox1.checked==true) {
$('button').attr('disabled','disabled');
}
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.