Question

我想将this.value用于$（＆＃34; .selector＆＃34;），$（＆＃34;＃style_background＆＃34;）是我的保存按钮。当我像这样使用这个代码。值即将来临时，我怎么能做这个dania，seablue。

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

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

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

    } else {}

});

HTML

<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 1

在您的代码中this指的是style_background选择器，因为您已将click事件绑定到它，因此您需要将特定选择器传递为

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

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

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

    } else {}

});

Answer 2

尝试使用:checked值each的选择器逐一选择已选中的单选按钮的值。仅选择radio按钮。您需要使用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>

将其用于第二个变量

2 个答案: