html - HTMLのチェックボックスの値属性は何を意味しますか?

Question

次のチェックボックス スニペットがあるとします。

<input type="checkbox" value="1">Is it worth?</input>

valueHTMLでチェックボックスの属性を静的に定義する理由はありますか? どういう意味ですか？

Answer 1

あなたの質問が正しく理解できることを願っています。

value 属性は、POST リクエストによって送信される値を定義します (つまり、サーバーに送信された HTML フォームがあります)。これで、サーバーは名前 (定義されている場合) と値を取得します。

<form method="post" action="urlofserver">
    <input type="checkbox" name="mycheckbox" value="1">Is it worth?</input>
</form>

サーバーはmycheckboxの値を受け取ります1。

PHP では、この POST 変数は を含む配列に格納され$_POST['mycheckbox']ます1。

Answer 2

Adriano Silva のコメントにコメントしたかっただけです。彼の説明を機能させるには、name 属性の末尾に「[]」を追加する必要があります。そのため、彼の例を取り上げると、正しい構文は次のようになります。

<input type = "checkbox" name="BrandID[]" value="1">Ford</input>
<input type = "checkbox" name="BrandID[]" value="2">GM</input>
<input type="checkbox" name="BrandId[]" value="3">Volkswagen</input>

次に、次のようなものを使用します: $test = $_POST['BrandID']; (php コードの BrandID の後に [] は必要ありません)。これにより、値の配列が得られます。配列内の値は、チェックされた値であるチェックボックスです。

お役に立てれば！:)

Answer 3

理由の 1 つは、システム内の値の操作の容易さを利用することです。

<input type="checkbox" name="BrandId" value="1">Ford</input>
<input type="checkbox" name="BrandId" value="2">GM</input>
<input type="checkbox" name="BrandId" value="3">Volkswagen</input>

Answer 4

valueチェックボックスがチェックされている場合、フォームが送信されると、属性のデータがフォーム入力の値として使用されます。デフォルト値は「オン」です。

$('form').on('change', update).trigger('change')

function update() {
  var form = $(this)
  form.find('output').text('→ ' + form.serialize())
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<form>
  <input type="checkbox" name="foo">
  <output></output>
</form>

<form>
  <input type="checkbox" name="foo" checked>
  <output></output>
</form>

<form>
  <input type="checkbox" name="foo" value="1" checked>
  <output></output>
</form>

<form>
  <input type="checkbox" name="foo" value="bananas" checked>
  <output></output>
</form>