問題タブ [fieldset]

いくつかのコンテンツを含むフィールドセットがあり、コンテンツは元の位置に対して相対的に移動されます。このjsFiddleを参照してください。

Stack Overflow にアクセスして自分の問題を検索したときは満足しました。この質問が答えだと思いました。ただし、その質問は幅のみを扱います（フィールドセットの幅をコンテンツのサイズに縮小する、表示をインラインに変更するなど）。

フィールドセットをコンテンツのサイズに縮小するにはどうすればよいですか? つまり、フィールドセットの内容が上に移動したときにフィールドセットの高さを縮小したいのです。

この customInput プラグイン(jQuery 1.6.2を使用) を使用して、ラジオ ボタンの外観をカスタマイズしています。

それはうまくいきます。

私が今抱えている問題はindex()、選択したラジオボタンの番号を取得しようとしているだけで、常に返されること0です。6 つのラジオ ボタンがあり、0 から 5 までの数字を探しています。

JavaScript:

奇妙なことに、val()まだ正常に動作しており、適切な値を返します。したがって、フォーム データは常に正しい無線値を取得しています。

http://jsfiddle.net/sparky672/LdVGD/

HTML:

customInput プラグインを使用しない場合は、インデックス番号が返されます。

http://jsfiddle.net/sparky672/LdVGD/1/

補足質問:

プラグインを無効にすると、、、、、またはindex()が返されます。それ自体が の一部でカウントされているようで、実質的にカウントが 2 倍になります。なぜこれが必要なのですか？0246810<label>index()

<label>プラグインはこれらに依存して機能するため、要素を削除できません。

ラジオボタン0から5がチェックされているかどうかに応じて、0から5までの数値を取得したいだけです。

助言がありますか？おそらく、どのラジオボタンが選択されているかを確認する別の方法でしょうか?

私の究極の目標？どのボタンが選択されているかに応じて、いくつかの変数を単純に変更します。

ラジオ ボタンの選択を解除できるスクリプトを探していました。SOで見つけて、ここに実装しました...

http://jsfiddle.net/sparky672/YFsVK/1/

ご覧のとおり、うまく機能していますが、ラジオ ボタン自体をクリックした場合のみです。<label>(対応するテキストをクリックして、ボタンを「選択」することもできます。デフォルトでは、このように<label>動作します。)

ただし、対応する をクリックするだけでラジオ ボタンを「選択解除」できるようにする必要もあり、<label>ここで助けが必要です。

（なぜですか？私は<label>、デフォルトのラジオボタンを覆う に含まれる画像スプライトを使用して、ラジオボタンの外観をグラフィカルに変更するプラグインを使用しているためです。プラグインの動作を確認するためにアクティブにできる行が jsFiddle 内にあります。 .)

このスクリプトを少し調整する必要があるだけだと確信していますが、正しく取得できないようです。<label>対応するラジオボタンを操作しながら「選択」するだけでよいと思います。は、ボタンの を対応する の属性に<label>配置することによって、ボタンに「添付」されます。idfor<label>

JavaScript:

HTML:

ログインの「ユーザー名」と「パスワード」フィールドを含むフィールドセットをページの中央に配置しようとしています。ここに私が持っているものがあります:

ウィンドウのサイズに関係なく、フィールドセットをウィンドウの中央に配置したい。float: centerグーグルは、またはalign: center属性などの有用なものを何も生成しませんでした。

関連する属性をform.inputsブロックに配置して、「ダブルフィールド」にグループ化しようとしています。

ただし、これにより、次のようなマークアップが生成されます（無関係なマークアップは省略されています）。

フィールドセット内の最初のネストされたフィールドセットのみが<li>タグで囲まれ、他のフィールドセットは<fieldset>無効なマークアップにつながるようにレンダリングされます（<fieldset>の直接の子<ol>は許可されていないため）。これは醜いだけでなく、フォームにスタイルを適用するのを難しくします。

私の研究では、この問題についていくつかのコメントに出くわしました。これは、formtastic自体の問題である可能性があると述べていますが、これまで回避策や提案は見つかりませんでした。

何か案は？

バージョン情報：

• レール（3.2.0.beta bd4bd3f）
• formtastic（2.0.0.rc4 7d3bb2f）
• ruby 1.9.2p290（2011-07-09リビジョン32553）[x86_64-linux]

完全なマークアップ：

C＃で使用できる別のオプションはありますか？これらの凡例の1つを表示するには、満たす必要のある条件があります。今のところ、この凡例を.cs側から見えないように設定する方法がわかりません....aspに相当するものがない限り??? 助言がありますか？ありがとうございました！

htmlの入力フィールドにjquerydatepickerを実装しました。問題は、日付ピッカーが前景ではなく背景に表示されるため、日付を設定できないことです（リンクを参照）。入力フィールドのdivタグは、常に前面にあるフィールドセットにあります。

http://i40.tinypic.com/35i1wl0.png

日付ピッカーを前面に開くにはどうすればよいですか？

ラジオボタンのグループのラベルとしてフィールドセットの凡例を使用しようとしています。私が持っているHTMLとCSSは、IE8＆9、Firefox、Chromeで正常に機能します。IE7では、ラベルがラジオボタンの上に表示されます。他のすべてのブラウザでは、ラベルはボタンの左側に表示されます。IE7に条件付きファイルを追加できてうれしいですが、これが機能する理由がわかりません。

問題は次のマークアップで再現されます

フィールドセットを中央に配置したいのですが、内容に応じてサイズを変更したいのでdisplay: inline-block;、スタイルに属性を追加しました。これにより、フィールドセットが左に移動します...

フィールドセットを中央に配置するために使用margin: 0 auto;していましたが、機能しなくなりました...

これが例です