使能輸入選中複選框

-1

<div class="form-group"> 
<input type="checkbox" id="examination" class="form-control" name="exam" placeholder="Enter Title"> 
<label>Enable Exam</label> 
</div>

這是我的禁用輸入：

<div class="form-group"> 
<label>Order</label> 
<input id="myorder" name="myorder" disabled> 
</div>

我此腳本試圖使後選中複選框啓用輸入，但它不起作用：

$('#examination').change(function(){ 
    $("#myorder").prop("disabled", !$(this).is(':checked')); 
});

任何想法？

來源

2017-01-02 Yazan Mehrez

你肯定有很多的給定答案的問題;沒有被接受。 –

此外，你的代碼完美的作品。有什麼問題？也許你忘了包含jquery插件。 –

@ Alexandru-IonutMihai點擊複選框後沒有任何事發生 –

這裏，我想這會工作：

<!DOCTYPE html> 
<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
    $('#chtest').change(function(e){ 
     var isChecked = $(e.target).is(':checked'); 
     if (isChecked) { 
      $("#test").removeAttr("disabled"); 
     } else { 
      $("#test").attr("disabled","disabled"); 
     } 
    }); 
}); 
</script> 
</head> 
<body> 

<form action=""> 
    <input type="text" id="test" disabled="disabled"><br> 
    <input type="checkbox" id="chtest"> 
</form> 


</body> 
</html>

來源

2017-01-02 18:53:13

使能輸入選中複選框

回答

相關問題