フォームの操作について

質問

phpでフォームをつくっているのですが条件につき入力できない
状態にしたいと思っているのですが方法がわかりません。
htmlは

<input type="text" name="stock" value="" /> 個
<label><input type="checkbox" name="stock_unlimited[]" value="0" />無制限</label>

となっており希望としては最初はどちらも選択していない状態で
表示されcheckboxにチェックされたらinputを入力できない状態にし
その逆にinputに入力されていたらチェックボックスにチェック
できない状態にしたいのですがどうやれば可能なのでしょうか？

javascriptについては全くわからないもので詳しい方がおりましたら
できるだけわかりやすく教えて頂けますと幸いです。

宜しくお願い致します。

回答No.2

HIRSYU · ベストアンサー

onchange内のを関数内に入れる。
ただし、thisだけ置き換える必要があります。

function hoge() {
// idがstockの要素を取得
var elemStock = document.getElementById("stock");
// idがstock_unlimitedの要素を取得
var elemStockUnlimited = document.getElementById("stock_unlimited");
// テキストが入力されている場合
if (elemStock.value.length > 0) {
// 要素を入力できなくする
elemStockUnlimited.disabled = true;

// テキストが入力されていない場合
} else {
// 要素を入力できるようにする
elemStockUnlimited.disabled = false;
}
}

みたいな感じで。

回答No.1

HIRSYU

<input id="stock" name="stock" type="text" value="" onchange="
// idがstock_unlimitedの要素を取得
var elem = document.getElementById('stock_unlimited');
// テキストが入力されている場合
if (this.value.length > 0) {
// 要素を入力できなくする
elem.disabled = true;

// テキストが入力されていない場合
} else {
// 要素を入力できるようにする
elem.disabled = false;
}
" />個
<input id="stock_unlimited" name="stock_unlimited[]" type="checkbox" value="0" onchange="
// idがstockの要素を取得
var elem = document.getElementById('stock');
// チェック状態の場合
if (this.checked) {
// 要素を入力できなくする
elem.disabled = true;
} else {
// 要素を入力できるようにする
elem.disabled = false;
}
" /><label for="stock_unlimited">無制限</label>

#細かい検証してませんのでボロがあるかもしれません・・・

お礼

早速のお返事ありがとうございます。
htmlの表示はsmartyのtplを使っておりまして組み込み方が
どうもわかりません。^^;

htmlの表示側は

<input id="stock" name="stock" type="text" value="" onchange="hoge()" />個

のようにしてheader間か外部jsにして適応させるようにしたいの
ですがどのようにすれば可能でしょうか？

大変お手数お掛け致しますが宜しくお願い致します。