在表单中设置默认参数 - javascript

@{  List<System.Web.Mvc.SelectListItem> Month = new List<System.Web.Mvc.SelectListItem>();

}
<script type="text/javascript">


    function setImage(param) {
        document.getElementById('ReportParameter').value = param;
//        alert(document.getElementById('ReportParameter').value);
    }

</script>

<form id="reportParametersForm" method="GET" action="@string.Format("{0}/{1}", @Url.Content("~/Reports/View"), ViewBag.Report)">
<fieldset style="padding: 0.2em 0 1.2em 0; height: 50px">
    <legend style="margin: 0 1px 0 10px; padding: 3px 36px 3px 20px; background-color: #494949;
        color: white; font-size: 11pt;">
        @Html.Resource(String.Format("Report_{0}", ViewBag.Report as string))</legend>
    <table border="0" cellspacing="0" cellpadding="0" style="font-size: x-small">
       <input type="hidden" name="ReportParameter" id="ReportParameter" value=""/>
    </table>
    <div align="center">   
        <button class="button" id="Day" style="width:90px; height:46px" type="submit" onclick="setImage('1') ;">
            Day</button>

         <button class="button" id="Week" style="width:90px; height:46px" type="submit" onclick="setImage('2') ;">
            Week</button>

         <button class="button" id="Month" style="width:90px; height:46px" type="submit" onclick="setImage('3') ;">
            Month</button>           

    </div>
    <input type="hidden" name="ShowToolBar" value="false" />

</fieldset>
</form>
<script type="text/javascript">
    var links = $('button');

    links.click(function () {
        links.css('background-color', '#2B2B2B');
        $(this).css('background-color', '#BE4856');
    });
</script>

当我打开具有3个不同按钮的页面时,以及当我选择某个按钮时,我如何将图像1设置为默认图像?
我想在屏幕上看到图像1并选择按钮1作为默认设置,但是当我选择按钮1,2,3时也可以看到其他图像

参考方案

创建函数setDefaults(),并在启动时调用它
为了使代码更清晰,您可以将html中相关图像的data属性传递给每个按钮。

         <button class="button" id="Day" style="width:90px; height:46px" type="submit" data-image="1">
            Day</button>

         <button class="button" id="Week" style="width:90px; height:46px" type="submit" data-image="2">
            Week</button>

         <button class="button" id="Month" style="width:90px; height:46px" type="submit" data-image="3">
            Month</button>  

辅助函数setActiveButton()会更改样式。

function setDefaults(buttonId) {
  var button = $('#' + buttonId);
  setActiveButton(buttonId);
  setImage(button.data('image'));
}

function setActiveButton(buttonId) {
  var links = $('button');
  links.css('background-color', '#2B2B2B');
  $('#' + buttonId).css('background-color', '#BE4856');
}

并在您的脚本标签内

<script type="text/javascript">
    var links = $('button');

    links.click(function () {
        setActiveButton(this.id);

    });
    setDefaults('Day');
</script>

使用php重新加载内容 - javascript

在对网站进行编程时,我以前使用过此代码,它可以完美工作,但是现在当我想使用一些Flash部件时,每次单击链接时,它都会重新加载所有网站。源代码: <!DOCTYPE html> <html> <head> <title>Hot King Staff</title> <meta charset=…

用jQuery填充模式形式 - javascript

我正在将订单表从数据库绘制到datatables(jquery插件)中。我要在每笔最后一笔交易或每笔交易中增加付款。问题是,如何获取单击添加付款按钮以添加付款的行的订单ID。其次,当点击addpayment时,它会弹出一个带有字段或订单号的模态表单。我想用在td中找到的订单ID填充该字段,并使其不可编辑或隐藏,但在提交模态表单时将其发布到服务器。表格和模式表…

尽管刷新,jQuery格式仍未应用于Ajax数据 - javascript

我正在通过GET响应消息从服务器(php文件)的可折叠内部加载列表视图。但是,尽管刷新了jQuery元素,但jQuery格式并未应用于添加的HTML。我的页面在这里:http://i.cs.hku.hk/~hsbashir/Project_Work/events/events.htmlHTML代码(仅相关代码)<script> lastRecor…

JavaScript处理期间数组内部的数组 - javascript

我正在尝试使用Ajax处理表单,并且在处理复选框时遇到了问题。我以为我可以在数组中做一个数组,将选中的框添加到数据对象中,但这似乎不起作用。它不会显示为控制台中对象的一部分或类似内容。我尝试了一些变化,但没有任何效果。这是当前的样子:var formData = { 'fname' : $('input[name=fname]&…

将简单的javascript代码转换为c# - javascript

昨天我在这里问了一个问题。使用javascript和html解决方案很简单前一阵子我打算什么是操纵html来执行javascript中的任务但是我改变了主意,将javascript代码重写为c#这是输入<Abstract> <Heading>Abstract</Heading> <Para TextBreak=�…