[英]Why when checked checkbox it's will show incorrect data value?
Why when checked checkbox it's will show incorrect data value ?a ? 为什么当选中此复选框时,它会显示不正确的数据值?
First, Load page index.php
it's will display All
it's OK. 首先,加载页面index.php
,它将显示All
正常。
But when you checked checkbox Red
it's will display All
and Red
但是,当您选中Red
复选框时,它将显示All
和Red
Why not show only Red
? 为什么不只显示Red
?
index.php 的index.php
<script src="http://code.jquery.com/jquery-1.7.2.js"></script>
<script>
$("#f_id").submit(send_data_requests());
</script>
<form method="post" id="f_id" action="Javascript:void(0);" >
<input type="checkbox" id="all_color" name="all_color" value="All" onclick="send_data_requests()" checked >All<br>
<input type="checkbox" id="color_red" name="color_red" value="Red" onclick="send_data_requests()">Red<br>
<input type="checkbox" id="color_blue" name="color_blue" value="Blue" onclick="send_data_requests()">Blue<br>
</form>
<div id="data_areas">
<script type="text/javascript">
$(window).load(function(){
$('#all_color').click(function () {
$(this).prop("checked", "checked");
$('input:checkbox').not(this).prop('checked', !this.checked);
});
$("#color_red").click(function() {
$("#all_color").prop('checked', false);
});
$("#color_blue").click(function() {
$("#all_color").prop('checked', false);
});
});
</script>
<script>
function send_data_requests()
{
$('#data_areas').hide();
$.ajax
(
{
url: 'datas.php',
type: 'POST',
data: $('#f_id').serialize(),
cache: false,
success: function(data)
{
$('#data_areas').show();
$('#data_areas').html(data);
}
}
);
return false;
}
// on load page call function code //
$(document).ready(send_data_requests());
</script>
datas.php datas.php
<?php
echo $_POST[all_color];
echo "<BR>";
echo $_POST[color_red];
echo "<BR>";
echo $_POST[color_blue];
?>
Try $('#all_color').removeAttr('checked');
尝试$('#all_color').removeAttr('checked');
instead of $("#all_color").prop('checked', false);
而不是$("#all_color").prop('checked', false);
For some reason (which i would like to know as well*) the prop method does not remove the "checked" attribute from the checkbox, even though it un-checks it. 由于某种原因(我也想知道*),prop方法不会从复选框中删除“ checked”属性,即使该属性未选中也是如此。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.