获取具有相同类别的价值复选框

时间:2019-07-19 03:33:23

标签: jquery ajax checkbox

我需要从具有相同类和不同值的复选框中获取值,以便在激活提交底部并选择其他复选框时获取这些值

<script>
  jQuery(.simple_search).click(function(){
    if (jQuery('.skey_send').is(":checked")){
     var s_key=jQuery(".skey_send").val();
     alert("Value is : "+s_key);
    } 
  });
</script>


<input type="submit" class="simple_search" name="send_s" value="GO" />

<input type="radio" name="s_key" class="skey_send" value="all" />All
<input type="radio" name="s_key" class="skey_send" value="card" />Card
<input type="radio" name="s_key" class="skey_send" value="phone" />Phone
<input type="radio" name="s_key" class="skey_send" value="price" />Price

问题始终是我从第一个复选框中获得价值的,但是在单击另一个或其他复选框时却没有价值

我需要知道我需要实现什么或添加代码,以便在检查时从具有相同类的不同复选框中获取价值

3 个答案:

答案 0 :(得分:0)

您仅使用类来获取价值,因此为什么总是获取第一价值。 获取价值时,您错过了课堂上的<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input id="upload_image_1" type="text" name="upload_image_1" value="<?php echo get_option('upload_image_1'); ?>" class="regular-text" /> <input id="upload_image_button" type="button" class="upload_image_button button-primary" value="Insert Image" data-group="1" /> <input id="upload_image_2" type="text" name="upload_image_2" value="<?php echo get_option('upload_image_1'); ?>" class="regular-text" /> <input id="upload_image_button" type="button" class="upload_image_button button-primary" value="Insert Image" data-group="2" />

:checked
jQuery('.simple_search').click(function() {
  if (jQuery('.skey_send').is(":checked")) {
    var s_key = jQuery(".skey_send:checked").val();
    alert("Value is : " + s_key);
  }
});

答案 1 :(得分:0)

请尝试一下,为我工作:)

$(document).ready(function(){
var arr=[];
  $(".simple_search").on('click',function(){
 
   $(".skey_send").each(function(){
   var checked_Data=$(this).is(":checked");
   arr.push(checked_Data);
   });
     alert(arr);
  });
  });
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>

<input type="submit" class="simple_search" name="send_s" value="GO" />

<input type="checkbox" name="s_key" class="skey_send" value="all" />All
<input type="checkbox" name="s_key" class="skey_send" value="card" />Card
<input type="checkbox" name="s_key" class="skey_send" value="phone" />Phone
<input type="checkbox" name="s_key" class="skey_send" value="price" />Price

</body>
</html>

答案 2 :(得分:0)

您缺少一些单引号,应使用单选类型并查找选中的值。由于这些是单选按钮,因此只能设置一个,因此无需通过索引或其他任何方式获得特定的按钮。如果在文本说明周围使用<label>,也可以使文本说明可单击-我没有这样做,但是建议使用这种方法。我删除了条件条件,只是警告undefined,但可以将其放回去或将其设为默认设置。

jQuery('.simple_search').on('click', function() {
  var s_key = jQuery(".skey_send[type='radio']:checked").val();
  alert("Value is : " + s_key);// alerts "undefined" if none are set
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<input type="submit" class="simple_search" name="send_s" value="GO" />

<input type="radio" name="s_key" class="skey_send" value="all" />All
<input type="radio" name="s_key" class="skey_send" value="card" />Card
<input type="radio" name="s_key" class="skey_send" value="phone" />Phone
<input type="radio" name="s_key" class="skey_send" value="price" />Price