これを第2の変数に使用する

Question

$（ "selector"）にthis.valueを使いたい、$（ "＃style_background"）は私の保存ボタンです。このコードをthis.valueのように使用すると、「save」と表示されます。どうすればこのデーニア、seablueを実行できますか？

$("#style_background").click(function(){ 

    if ($(".selector").is(":checked")) { 

     document.cookie = "background=" + this.value + ";" + "path=/"; 

    } else {} 

}); 

あなたは

$("#style_background").click(function(){ 

    if ($(".selector").is(":checked")) { 

     document.cookie = "background=" + $(".selector:checked").val() + ";" + "path=/"; 

    } else {} 

}); 

Answer 1

を試してみてくださいとして、特定のセレクタを渡す必要があるので、あなたがそれにバインドクリックイベントを持っているとして、あなたのコードthisで

<li> 
    <input type="radio" class="selector" id="cookie_dania" name="background" value="dania"> 
</li> 
<li> 
    <input type="radio" class="selector" id="cookie_seablue" name="background" value="seablue"> 
</li> 

Answer 2

HTMLはstyle_backgroundセレクタを参照していますセレクタ:checked値eachは、チェックされたラジオボタンの値を1つずつ選択するために使用されます。ラジオボタンは選択されています。私は$のためthis.valueを使用したい* checkbox代わりのradioボタン

$("#style_background").click(function() { 
 
    $(".selector:checked").each(function(a){ 
 
// if ($(".selector").is(":checked")) { 
 
    //document.cookie = "background=" + $(this).val() + ";" + "path=/"; 
 
// } else {} 
 
    console.log($(this).val()) 
 
    }) 
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<li> 
 
    <input type="checkbox" class="selector" id="cookie_dania" name="background" value="dania"> 
 
</li> 
 
<li> 
 
    <input type="checkbox" class="selector" id="cookie_seablue" name="background" value="seablue"> 
 
</li> 
 
<button id="style_background">save</button>