送信がクリックされたときに入力ラジオを保存する

Question

jsファイルに各ラジオ名のラジオオプションが選択され、入力されたユーザー名が保存されている必要があります。ここに私のフォームがある

<form id="newPlayer"> 
        Username:<br> 
        <input type="text" name="user"/><br> 
        Please Choose a Class: <br> 
        <input type="radio" name="class"/>Archer 
        <input type="radio" name="class"/>Mage 
        <input type="radio" name="class"/>Warrior 
        <br> 
        Please Choose a Race: <br> 
        <input type="radio" name="race"/>Orc 
        <input type="radio" name="race"/>Elf 
        <input type="radio" name="race"/>Human 
        <input type="radio" name="race"/>Worg 
        <br> 
        <input type="submit" value="Submit"> 
       </form> 

EDIT： 私はクリック機能のための送信ボタンをターゲットにしようとすると、それは代わりにフォームを作るの再ロードするために私のページを引き起こし多分これが役立ちます

var userInput; 
var classInput; 
var raceInput; 

$('input[type=submit]').click(function(){ 
    $('#newPlayer').fadeOut(500); 
    userInput = $('input[name="user"]').val(); 
    classInput = $('input[name="class"]:checked').val(); 
    raceInput = $('input[name="race"]:checked').val(); 
}); 

Answer 1

をフェードアウト。あなただけで配置する必要があり、その後

var class_val = $('input[name="class"]:checked').val(); 
var race = $('input[name="race"]:checked').val(); 
var user = $('input[name="user"]').val(); 

：まず、あなたが仕事をするjQueryの、シンプルな.val（）を使用して、

<form id="newPlayer"> 
    Username:<br> 
    <input type="text" name="user"/><br> 
    Please Choose a Class: <br> 
    <input value="archer" type="radio" name="class"/>Archer 
    <input value="mage" type="radio" name="class"/>Mage 
    <input value="warrior" type="radio" name="class"/>Warrior 
    <br> 
    Please Choose a Race: <br> 
    <input value="orc" type="radio" name="race"/>Orc 
    <input value="elf" type="radio" name="race"/>Elf 
    <input value="human" type="radio" name="race"/>Human 
    <input value="worg" type="radio" name="race"/>Worg 
    <br> 
    <input type="submit" value="Submit"> 
</form> 

次に、これらの入力に値を配置する必要がありますlocalStorage

localStorage.setItem('class', class_val); 
localStorage.setItem('race', race); 
localStorage.setItem('user', user); 

は、将来的にこれらの値にアクセスするには、行うこと

var stored_class = localStorage.getItem('class'); 
var stored_race = localStorage.getItem('race'); 
var stored_user = localStorage.getItem('user'); 

物事を作るために10

は、あなたがそのように、フォームにイベントを提出を追加し、提出に起こる：

$('form').on('submit', function() { 
    // Get values 
    var class_val = $('input[name="class"]:checked').val(); 
    ... 

    // Store values 
    localStorage.setItem('class', class_val); 
    ... 

    // Avoid form submit 
    return false; 
}); 

は、それが役立ちます:)

Answer 2

私はのlocalStorageを使用すると思います願っています。たとえば ：

//Make sure to set the selection variable to a object that contains the selections made by the user. 
function save() { 

    //This will save the current settings as an object to the localStorage. 
    localStorage.selections = JSON.stringify(selections) ; 

} 

function load() { 

    if (!localStorage.selections) { 

     alart("No saves found.") ; 
     return false ; 

    } 

    selections = JSON.parse(localStorage.selections) ; 

} 

はlocalStorageをhereについては、こちらをご覧ください。