3

このサイトの役立つ回答をすべて使用して、ラジオボタンを選択するためのjqueryスクリプトを作成しようとしましたが、何らかの理由で機能しません。私は何か間違ったことをしていますか？簡単にするために、私は正方形から始めました。

phpで生成されたフォームが生成するフォーマットを以下に添付しました。複数のブラウザを試しましたが、何かを選択するためのボタンを取得できませんでした。考慮していない複雑さはありますか？このページは.phpページであり、フォームはphpで生成されます。

基本的な質問で申し訳ありません-どんな助けでも大歓迎です。関連性があるかどうかはわかりませんが、これらのボタンをモバイルだけでなくさまざまなブラウザでも機能させたいと思います。

フォームコード：

    <form class="form-horizontal" method="get" action="submit.php" name="form">
    <div class="control-group">
        <div class="row-fluid">
            <div class="span2"></div>
            <div class="span8">
                <label class = "control-label" for="input1"> foreign policy </label>

                <div class="controls">
                    <label class="checkbox inline"><input type="radio" name="group1" id="1_l" value="1_l"> Liberal</label>
                    <label class="checkbox inline"><input type="radio" name="group1" id="1_m" value="1_m"> Moderate</label>
                    <label class="checkbox inline"><input type="radio" name="group1" id="1_c" value="1_c"> Conservative</label>
                </div>
            </div>
        </div>

        <div class="row-fluid">
            <div class="span2"></div>
            <div class="span8">
                <br>
                <center><button type="submit" class="btn btn-danger btn-large">Generate</button></center>
            </div>
            <div class="span2"></div>
        </div>
</form>

Jqueryコード：

$('button').click(
function() {
    $('#1_l').attr('checked', true);
}
);
4

3 に答える 3

1

DOM がロードされた後にのみハンドラーをバインドするようにしてください。

$(function() {
  $('button').click(function() {
    $('#1_l').attr('checked', true);
  });
});
于 2012-10-02T18:09:14.707 に答える
1

jQuery で ":checked" セレクターを使用して、チェックされた入力を選択します。それ以外の場合は、最初の入力のみが取得されます。

$(function () {

    $('button.btn').click(function () {
        var $box = $('.checkbox input:checked');
        if ($box.length > 0)
            alert($box.val());
    });

});​
于 2012-10-02T18:12:54.583 に答える
0

これが私があなたが閉じていなかったdivを持っているのを見たものです私はそれを閉じました

ボタンの種類を送信ではなくボタンに変更して、機能することを確認し、すべてが良かった

私の働くデモを見る

<form class="form-horizontal" method="get" action="submit.php" name="form">
    <div class="control-group">
        <div class="row-fluid">
            <div class="span2"></div>
            <div class="span8">
                <label class = "control-label" for="input1"> foreign policy </label>

                <div class="controls">
                    <label class="checkbox inline"><input type="radio" name="group1" id="1_l" value="1_l"> Liberal</label>
                    <label class="checkbox inline"><input type="radio" name="group1" id="1_m" value="1_m"> Moderate</label>
                    <label class="checkbox inline"><input type="radio" name="group1" id="1_c" value="1_c"> Conservative</label>
                </div>
            </div>
        </div>

        <div class="row-fluid">
            <div class="span2"></div>
            <div class="span8">
                <br>
                <center><button type="button" class="btn btn-danger btn-large">Generate</button></center>
            </div>
            <div class="span2"></div>
        </div>
    </div>
</form>​

これがjQueryです

$(function () {
    $('button').click(function() {
        $('#1_l').attr('checked', true);
    });​
}
于 2012-10-02T18:19:32.870 に答える