ラジオボタン機能付きボタン

Question

ボタンを作ることができるかどうかは、HTMLラジオボタンのように機能しますか？ユーザーが上記のボタンをクリックして値を選択するようなフォームを作成しようとしていますが、ユーザーは別のオプションを選択してフォームを送信するまでは指示されません。誰もこれを行う方法について知っていますか？ボタンにラジオボタンやチェックボックスを変換し

（私はジャバスクリプトなどを含めた他の言語の使用を気にしない）

Answer 1

jQueryUI has a Button Widget。サイトから

例：

http://jqueryui.com/demos/button/#radio

<script> 
$(function() { 
    $("#radio").buttonset(); 
}); 
</script> 

<div class="demo"> 
    <form> 
     <div id="radio"> 
      <input type="radio" id="radio1" name="radio" /><label for="radio1">Choice 1</label> 
      <input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2">Choice 2</label> 
      <input type="radio" id="radio3" name="radio" /><label for="radio3">Choice 3</label> 
     </div> 
    </form> 
</div>

あなたはアクションでそれを見るためにリンクを訪問することができます。

Answer 2

最初に、あなたが話しているページでは、ラジオボタンを選択するだけで、ユーザーが別の場所に運ばれたように聞こえます。私はこれがベストプラクティスだとは思わない。

第2に、2つのラジオボタンを保持する必要があります。うまくいき、一度選択すると別のボタンを選択する以外はラジオボタンをクリアできません。これはあなたが欲しいものです。

必要な2つのボタンが選択されていることを確認するには、スイッチを設定するonclickハンドラを各ボタンに与えます。このグループの一部のボタンが選択されました。

次に、送信をクリックすると、2つのスイッチを確認し、ボタンをクリックするのを忘れたかどうかを通知します。

はい、このすべてを行うにはJavaScriptが必要です。