以下のソースでチェックされたチェックボックスのvalue値をテキストボックスに入れています。
赤と青をチェックするとテキストボックスに「Red Blue 」と入ります。
しかし、チェックしないvalue値はテキストボックスに入りません。
<html> <head> <script language="javascript"> function check(f){ f.keyword.value=""; for (var i=0; i<f.length;i++){ if(f[i].className=="color" && f[i].checked==true){ f.keyword.value += f[i].value; } } f.keyword.readOnly=(f.keyword.value!=""); } </script> </head> <body> <form method="post" action="sample.php" name="inputform"> <input type="checkbox" class="color" name="color" onClick="check(this.form)" value="Red ">赤 <input type="checkbox" class="color" name="color" onClick="check(this.form)" value="Black ">黒 <input type="checkbox" class="color" name="color" onClick="check(this.form)" value="Blue ">青 <input type="checkbox" class="color" name="color" onClick="check(this.form)" value="Yellow">黄 <input value="" type="text" name="keyword"> </form> </body> </html>
そこで最初からテキストボックスにvalue値を入れておき、チェックされたものだけvalue値を変えることができないかと思っています。
例えば以下のようにチェックされていない場合のvalue値をテキストボックスに予め入れておき、チェックされるとそのvalue値と変わるというような感じです。
赤と青をチェックするとテキストボックスは「Red noBlack Blue noYellow」というような感じです。
<form method="post" action="sample.php" name="inputform"> <input type="checkbox" class="color" name="color" onClick="check(this.form)" value="Red ">赤 <input type="checkbox" class="color" name="color" onClick="check(this.form)" value="Black ">黒 <input type="checkbox" class="color" name="color" onClick="check(this.form)" value="Blue ">青 <input type="checkbox" class="color" name="color" onClick="check(this.form)" value="Yellow">黄 <input value="noRed noBlack noBlue noYellow" type="text" name="keyword"> </form>
このようなことは可能でしたらば、その方法を教えていただけませんでしょうか。
よろしくお願いします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/03/12 01:44 編集
2018/03/12 02:03
2018/03/16 03:31