刷新页面后如何在单选按钮上保持选择 [英] How to keep selection on radio buttons after refreshing the page
问题描述
我有一个名为:radio_page.cshtml的View页面,它包含两个单选按钮。加载页面时,第一个单选按钮被默认选中。我需要点击第二个单选按钮刷新页面并保持选择第二个单选按钮,我正在尝试如下,但它不起作用。刷新页面后,选择将返回第一个单选按钮。请指教。谢谢。
//在视图中
@ Html.RadioButtonFor(m => m.Value,KW,new {style =width:70px,@ onClick =onRadioClick(this);,@ check =checked})KW
@ Html.RadioButtonFor(m => m.Value,HP ,new {style =width:70px,@ onClick =onRadioClick(this);&})HP
// JavaScript-In Javascript onradio按钮点击文本框将隐藏和显示。
< script type =text / javascript>
函数onRadioClick(e)
{
var SelectedValue = e.value;
if(SelectedValue ==" HP")
{
document.getElementById(DvHP)。style.visibility =Visible;
document.getElementById(DvKW)。style.visibility =hidden;
}
else {
document.getElementById(DvHP)。style.visibility =hidden ;
文件。 getElementById(DvKW)。style.visibility =Visible;
}
}
< ; / script>
Hi,
I have a View page called: radio_page.cshtml, it contains two radio buttons. First radio button is checked as default when loading the page. I need when clicking on second radio button to refresh the page and keep selection on second radio button, I am trying that as below, but it does not work. After refreshing the page the selection returns to the first radio button. Please advise. Thanks.
//In View
@Html.RadioButtonFor(m=>m.Value, "KW", new { style = "width:70px", @onClick = "onRadioClick(this);", @checked = "checked" }) KW
@Html.RadioButtonFor(m=>m.Value, "HP", new { style = "width:70px", @onClick = "onRadioClick(this);&" })HP
//JavaScript-In Javascript onradio button click textboxes will be hide & show.
<script type="text/javascript">
function onRadioClick(e)
{
var SelectedValue = e.value;
if (SelectedValue == "HP")
{
document.getElementById("DvHP").style.visibility = "Visible";
document.getElementById("DvKW").style.visibility = "hidden";
}
else {
document.getElementById("DvHP").style.visibility = "hidden";
document.getElementById("DvKW").style.visibility = "Visible";
}
}
</script>
推荐答案
这篇关于刷新页面后如何在单选按钮上保持选择的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!