我需要从具有相同类和不同值的复选框中获取值,以便在激活提交底部并选择其他复选框时获取这些值
<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
问题始终是我从第一个复选框中获得价值的,但是在单击另一个或其他复选框时却没有价值
我需要知道我需要实现什么或添加代码,以便在检查时从具有相同类的不同复选框中获取价值
答案 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