3

jQuery .val（）を使用して、2セットのラジオボタンを含むフォームからデータ結果を取得しています。

<!DOCTYPE HTML>
<html>
    <head>  

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

    <script type="text/javascript">

    function userPrefsSubmitted() {
    console.log(  $('form input[@name=cssOn]:checked').val()   );
    console.log(  $('form input[@name=halfFramesOn]:checked').val()   );
    }   
    </script>

</head>
<body>  
<p>Choose User Prefs</p>
<form>
    <p>Transitions</p>
    <div><input type="radio" name="cssOn" value=true>True</div>
    <div><input type="radio" name="cssOn" value=false>False</div>
    <p>Half Frames</p>  
    <div><input type="radio" name="halfFramesOn" value=true>True</div>
    <div><input type="radio" name="halfFramesOn" value=false>False</div>
    <br/><br/>
    <input class="submitButton" type="button" onClick="userPrefsSubmitted()" value="tap when done" />
</form> 

</body>
</html>

fasleを選択してtrueを選択し、ボタンを押すと、console.logにfalsefalseが表示されます

これは私を狂わせています、そして私はこのフォーラムとインターウェブを検索しましたが、答えは見つかりませんでした。どこが間違っているのですか？

4

4 に答える 4

9

なし@。あなたはそれを簡単に行うことができます：

function userPrefsSubmitted() {
  console.log(  $('form input[name=cssOn]:checked').val()   );
  console.log(  $('form input[name=halfFramesOn]:checked').val()   );
}
于 2012-08-01T03:45:54.683 に答える
2

またはこれを試してください：作業デモ http://jsfiddle.net/4T5r3/

注：http ：//www.electrictoolbox.com/at-name-selector-removed-jquery/

@なしでこれらのセレクターを使用することは、jQuery1.2ブランチでも機能します。古いバージョンで動作するかどうかはわかりません。

コード

function userPrefsSubmitted() {
    alert($('form input[@name=cssOn]:checked').prop('value'));
    alert($('form input[@name=halfFramesOn]:checked').prop('value'));
}​

J 1.2>

  function userPrefsSubmitted() {
        alert($('form input[name=cssOn]:checked').prop('value'));
        alert($('form input[name=halfFramesOn]:checked').prop('value'));
    }​

作業画像 真の選択時

ここに画像の説明を入力してください 作業画像 誤って選択した場合

ここに画像の説明を入力してください

于 2012-08-01T03:48:06.117 に答える
1 
function userPrefsSubmitted() {
console.log(  $('form input[name=cssOn]:checked').val()   );
console.log(  $('form input[name=halfFramesOn]:checked').val()   );
}
于 2012-08-01T03:46:52.920 に答える
0

また、お試しください$(":checked").val()

それ以外の

$('form input[@name=halfFramesOn]:checked').val()

これにより、チェックされているすべてのラジオボタンが返されます。

于 2012-08-01T03:47:20.290 に答える