javascript - 自动提交单选按钮但保持选中状态

标签 javascript html forms radio-button

我使用单选按钮对分页结果进行排序。但是,每当单击该按钮并自动提交时,它就会变为未选中状态。我想保持按钮处于选中状态,以便用户知道他们选择了哪一个。我怎样才能做到这一点?

这是我所拥有的:

function autoSubmit() {
    var formObject = document.forms['theForm'];
    formObject.submit();
}

<input type="radio" name="sort" value="time" onChange="autoSubmit();" />
<input type="radio" name="sort" value="year" onChange="autoSubmit();" />
<input type="radio" name="sort" value="name" onChange="autoSubmit();" />

if(isset($_GET["sort"])) { 
    $sort = $_GET["sort"];
}

最佳答案

我认为您的代码是这样的:

<?php
$sort = "";
if(isset($_GET["sort"]))
{ $sort = $_GET["sort"]; }
?>
<html>
<head>
<script>
function autoSubmit()
{
    var formObject = document.forms['theForm'];
    formObject.submit();
}
</script>
</head>
<body>
<form name='theForm' id='theForm'>
    <input type="radio" name="sort" <?php if ($sort == 'upload_time') { ?>checked='checked' <?php } ?>value="upload_time" onChange="autoSubmit();" />Recently Uploaded
    <input type="radio" name="sort" <?php if ($sort == 'article') { ?>checked='checked' <?php } ?> value="article" onChange="autoSubmit();" /> Alphabetically
    <input type="radio" name="sort" <?php if ($sort == 'year') { ?>checked='checked' <?php } ?> value="year" onChange="autoSubmit();" /> Most Recent
</form>
</body>
</html>

关于javascript - 自动提交单选按钮但保持选中状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7351725/

相关文章:

javascript - 为什么不推荐在 chai 中检查 lengthOf() 数组?

javascript - 对多维数组应用过滤器并返回过滤后的数据以及父级

javascript - 在没有任何html标签的html中隐藏文本

html - 为什么 li 的尺寸在高度上比 li 包裹的图像尺寸大?

javascript - jQuery 平滑滚动链接颜色更改不起作用

python - Django 表单保存问题 AttributeError 'tuple' object has no attribute 'get'

javascript - AWS Dynamodb 配置中缺少凭证,如果使用 AWS_CONFIG_FILE,则设置 AWS_SDK_LOAD_CONFIG=1

javascript - 更改 id 但保留与 jQuery 中的旧 id 相关的 css

javascript - 如何使用 Python 填写也有 Javascript 的 HTML 表单?

php - JavaScript 表单提交不发送输入类型的值=提交