チェックボックスONでテキストエリアを大きく

締切済

質問者：ma-ki-gai
質問日時：2007/12/28 17:07
回答数：2件

チェックボックスをONにするとフォームテキストエリアのサイズが変更できるようにすることは可能でしょうか？
できるようでしたら、やり方を教えてください

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

最新から表示
回答順に表示

No.2

回答者： kazumero
回答日時：2007/12/28 18:36

可能です。

こんな感じでいかがでしょうか？

<html>
<head>
<title>テスト</title>
<script type="text/javascript">
function check(){
var colA = 40, rowA = 5; // チェック前の幅，チェック前の高さ
var colB = 60, rowB = 8; // チェック後の幅，チェック後の高さ
var elm = document.forms["form1"].elements["comment"];
if(document.form1.check1.checked){
elm.cols = colB;
elm.rows = rowB;
}else{
elm.cols = colA;
elm.rows = rowA;
}
}
</script>

</head>
<body>
<form name="form1">
<p><input type="checkbox" name="check1" onclick="check()"> チェックしてください</p>
<p><textarea name="comment" cols="40" rows="5">テキストエリアです。</textarea></p>
</form>
</body>
</html>