JQuery disabledプロパティの設定と除去
HTMLのタブでは、disabledプロパティを使用して入力ボックスを一時的に無効にします.
JQueryでdisabledプロパティを設定して削除することで、無効化と無効化の有効化と解除を行うことができます.
JQueryコード:
完全な例:
JQueryでdisabledプロパティを設定して削除することで、無効化と無効化の有効化と解除を行うことができます.
JQueryコード:
// disabled
$('#area').attr("disabled",true);
$('#area').attr("disabled","disabled");
// disabled
$('#area').attr("disabled",false);
$('#area').removeAttr("disabled");
$('#area').attr("disabled","");
完全な例:
<!DOCTYPE html>
<html>
<head>
<title>Jquery disabled </title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<style>
*{margin:0;padding:0}
.test{width:20%;height:100px;border:2px solid green;padding:10%;margin:100px auto}
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.12.0.min.js"></script>
</head>
<body>
<div class="test">
<label> </label>
<input type="text" id="text" name="text" size="40">
<br>
<input type="button" id="on" value=" ">
<input type="button" id="off" value=" ">
<script>
$('#on').click(function(){
$('#text').attr("disabled",false);
});
$('#off').click(function(){
$('#text').attr("disabled","disabled");
});
</script>
</div>
</body>
</html>