Question

我试图用razor引擎（c＃+ html）完成这个非常简单的任务。我正在编辑这个视图的cshtml文件，基本上我试图实现这个确切的代码但是在＆＃34; razor＆＃34;格式。这是我试图实现但在javascript中：

HTML：

<p>How many check boxes do you want when clicked on a radio button?</p>
<input type="radio" name="tab" value="igotnone" onclick="show1();" />
None
<input type="radio" name="tab" value="igottwo" onclick="show2();" />
Two
<div id="div1" class="hide">
  <hr><p>Okay Cool! Here are those two...</p>
<input type="checkbox" value="Yes" name="one">
One &nbsp;
<input type="checkbox" value="Yes" name="two">
Two
</div>

JAVASCRIPT：

function show1(){
  document.getElementById('div1').style.display ='none';
}
function show2(){
  document.getElementById('div1').style.display = 'block';
}

实现这种确切效果的代码是什么，但在cshtml / razor引擎中还需要什么？

总结这个前端的东西，所以我有第二个跟进问题。我被引导相信这个功能需要像其他地方一样去控制器＆＃34;文件。这是必要的还是可以将此方法插入到我的cshtml文件中？因为目前我正在通过Microsoft Azure＆＃34;应用预览编辑器编辑已发布的网站＆＃34;我似乎无法使用这些文件访问解决方案（除非有o.o）

谢谢！

Answer 1

Checkbox hack用于仅限css的解决方案，请参阅Stackoverflow帖子here。

如何在Razor视图中隐藏/显示DIV元素？

1 个答案: