3

動的フォームをプログラムしようとしているので、通常のフォーム タグなどを使用できません。通常のボタン、JQuery、および AJAX 呼び出しを使用して、従来のフォームをシミュレートします。ただし、ラジオボタンの操作方法がわかりません。何か助けはありますか？

編集:ええ、もっと具体的であるべきだったと思います。やってみた

<input type="radio" />

など、しかし：

  1. 一度に複数のボタンを選択できます（これは、ラジオボタンのポイントを無効にします）
  2. ボタンを押した後、ボタンの選択を解除することはできません!

編集 2:フォーム タグを使用していない理由は、複数の送信ボタンも必要であるためです。そのジレンマに対して見つけた唯一の解決策は、フォーム タグを使用しないことでした。

4

4 に答える 4

8

なぜ form タグを使用できないのですか? あなたがそうするのを止めるものは何もありません。ただし、form タグを使用したくない場合は、次のようにします。

<input type='radio' name='test' value='1' checked>
<input type='radio' name='test' value='2'>
<input type='radio' name='test' value='3'>
<input type='radio' name='test' value='4'>

私にとってはうまくいきます。デモ

編集：

1: ラジオ グループの名前を指定する必要があります。指定しない場合、各入力は独自のグループと見なされます。したがって、を使用するときに一度に複数のボタンを選択できるのはなぜですか<input type="radio" />。上記の私のコードを見てください。ラジオグループは「test」です。

2: ラジオ ボタンにはデフォルト値があると想定されています。ラジオ グループを作成するときは、checked 属性でデフォルト値を指定する必要があります。この結果、ラジオ ボタンの選択を解除できなくなります。別の値を選択するか、デフォルトのままにすることができます。選択を解除できるようにしたい場合は、代わりにチェックボックスを使用することを検討してください。これを反映するようにサンプル コードを更新しました。

于 2012-08-12T14:03:43.477 に答える
4

複数のラジオ ボタンを選択できる場合は、name 属性が一致していないように聞こえます。あなたが最終的にしたいのは、次のようなものです：

<input type="radio" name="group-1" value="something-unique">
<input type="radio" name="group-1" value="something-else-unique">
<input type="radio" name="group-1" value="another-unique-something">

<input type="radio" name="group-2" value="something-unique">
<input type="radio" name="group-2" value="something-else-unique">
<input type="radio" name="group-2" value="another-unique-something">

name 属性はオプションのグループで同じであることに注意してください。つまり、選択内容が互いに置き換えられます。

また、純粋にJavaScriptでラジオを使用する場合、フォームタグでラジオをラップしないという問題はありませんでしたが、HTML投稿を行う場合は、それらが必要になると思います.

于 2015-09-10T13:23:40.163 に答える
3

あなたはこれを試すことができます：

HTML

<div>
     <ul>
        <li><input type="radio" name="radio" value="value1" checked>Radio Button1</input></li>
        <li><input type="radio" name="radio" value="value1">Radio Button2</input></li>
        <li><input type="radio" name="radio" value="value1">Radio Button3</input></li>
     </ul>
</div>

デモ

于 2012-08-12T14:11:34.693 に答える
0

form 要素のない input 要素があってはなりません。HTML を正しく使用しないと、HTML が期待どおりに応答することはありません。複数の送信ボタンは、複数のフォームが必要であることを示します。

なんらかの理由でそれが機能しない場合は、ユーザーに情報を送信するように求める形式を再検討する必要があります。

于 2012-08-12T15:44:46.023 に答える