チェックボックスにチェックを入れた時だけ値をテキストボックスに表示させたい

Question

テキストボックスと複数のチェックボックスを配置しており、チェックボックスのチェックを入れると、チェックボックスのvalue値がテキストボックスに表示されるという処理を実装しております。

<input type="text" id="keyword" name="keyword" size="30" disabled="disabled"/>
        <div id="select">
           <div id="id1" style="display:none;">
              <input type="checkbox" name="check" id="check" value="サンプル"> サンプル</input><br>
              <input type="checkbox" name="check" id="check" value="サンプル2"> サンプル2</input><br>
           </div>
      </div>

<script>
window.onload = function() {
	var buttons = document.getElementById("select").getElementsByTagName('input');
	for ( var i = 0; i < buttons.length; i ++ ) {
			buttons[i].onclick = function() {
 　　　var keyword = document.getElementById('keyword');
 　　　　if ( keyword.value.length > 0 ) {
 　　　　　keyword.value += '　';
 　　　　}
 				 keyword.value += this.value;
		}
	}
}
 </script>

このように実装したのですが、これだとチェックボックスをクリックするたび（チェックを消した時にも）値が入力されてしまいます。
チェックボックスのchecked判定を使えばうまく実装できそうな気はするのですが、うまいやり方が思いつかず...

どなたかご教授お願い致します。

参考にしたサイトは以下になります。
http://jcnmemo.jugem.jp/?eid=154

Answer 1

		buttons[i].onclick = function() {
			if(this.checked){
				var keyword = document.getElementById('keyword');
				if ( keyword.value.length > 0 ) {
					keyword.value += '　';
				}
				keyword.value += this.value;
			}
		}

こういうことでいいんですかね

Comments

[science_mac]

回答ありがとうございます。
思っていた通りの動きです。

自分でほとんど答えを言ってたようなもんでしたね（汗
ありがとうございました。