0

4 つのラジオ ボタンのセットがあり、クリックするとページの div を表示/非表示にします。

フォームの検証に失敗すると、最後にクリックしたラジオ ボタンがオンになっているフォームにユーザーを戻します。

私が抱えている問題は、この例ではラジオボタンがクリックされていないため、div を表示/非表示にしないことです。

私ができるようにしたいのは、ページの読み込み時にどのラジオボタンがチェックされているかを検出し、クリックイベントを発生させることです。（つまり、誰かがそのラジオボタンをクリックするのをシミュレートします）、divを表示/非表示にします。

非表示を表示する私のコードは次のようになります

$('#showduo').click(function(){
$('div[id^=div]').hide();
$('#div1').show();

html:

<input type="radio" name="type" value="Single" id="hideall" <?php echo set_radio('type', 'Single', TRUE); ?> />
<input type="radio" name="type" value="Singleplus" id="showsingleplus" <?php echo set_radio('type', 'Singleplus'); ?> />
<input type="radio" name="type" value="Duo" id="showduo" <?php echo set_radio('type', 'Duo'); ?> />
<input type="radio" name="type" value="Family" id="showfamily" <?php echo set_radio('type', 'Family'); ?> />

<div id="div1" style="display:none;">

4

1 に答える 1

0

.click()選択したラジオ ボタンにパラメーターを指定せずに呼び出すと、ユーザーがボタンをクリックしたかのように、そのボタンのクリック ハンドラーが実行されます。

試す：

$('input:radio[name=xxx]:checked').click();

もちろん、「xxx」をラジオ ボタンに付けた名前に変更する必要があります。

注: 各ラジオ ボタンには独自のハンドラーがあるので、私はそれを持っていないと言わざるを得ません。つまり、別のラジオ ボタンを追加する場合は、JavaScript を追加する必要があります。

于 2013-04-07T04:59:50.657 に答える