`

radio绑定后台数据,

 
阅读更多

//////////////////////////
客户端单选按钮radio绑定后台数据修改过后将值存到隐藏域中,然后form提交修改过的数据
注:dt为cs文件的全局变量dataTable
//////////////////////////

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="C2-1100-02_OffLineTaskAutoAssignModifyInitAct_T01.aspx.cs"

    Inherits="OLCC_zh_CN_pages_sysManagement_OffLineTaskAutoAssign_C2_1100_02_OffLineTaskAutoAssignModifyInitAct_T01" %>

 

<%@ Register Assembly="Ebf.Core.View" Namespace="Ebf.Core.View" TagPrefix="ebf" %>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title>离线任务自动分配管理修改页面</title>

    <script type="text/javascript" src="<%=JsfilePath %>/jquery-1.4.1.js"></script>

    <script type="text/javascript" src="<%=JsfilePath %>/TableViewToolbarScript.js"></script>

    <link rel="Stylesheet" type="text/css" href="<%=CssfilePath %>/PageStyle.css" />

    <script type="text/javascript">

        function SubmitConfirmForm() {

            SubmitConfirm("您将改变离线任务的分配方式,确认请点击“确定”按钮", OffLineTaskAutoAssignForm);

        };

    </script>

    <style type="text/css">

        .tableborder table tr { height: 50px; }

        .tableborder table td { width: 150px; }

    </style>

</head>

·

<body>

    <div id="TableTool">

        <div id="TableToolTop" style="width: 100%">

            <span>离线任务自动分配管理修改</span>

        </div>

        <div id="TableToolbar" style="width: 100%" runat="server">

            <form id="OffLineTaskAutoAssignForm" action="OffLineTaskAutoAssignModifySubmitAct.do">

            <div class="tableborder" style="padding: 20px 100px;">

                <table>

                    <tr>

                        <td>

                            离线任务自动分配

                            <input type="hidden" id="Hidden1" name="ID" value='<%=dt.Rows[0]["ID"].ToString()%>' />

                            <input type="hidden" id="stateValue" name="OLTA_STATE" value='<%=dt.Rows[0]["OLTA_STATE"].ToString()%>' />

                        </td>

                        <td>

                            <input type="radio" id="open" name="stateRadio" style="width: 20px; height: 20px"

                                value="开启" onclick="show(this)" />开启自动分配

                        </td>

                        <td>

                            <input type="radio" style="width: 20px; height: 20px" id="close" name="stateRadio"

                                value="关闭" onclick="show(this)" />关闭自动分配

                        </td>

                    </tr>

                    <tr>

                        <td colspan="3" style=" width:100%">

                            <center><input id="OK" type="button" onclick="SubmitConfirmForm()" value="确定" style="width: auto" />

                            <input id="Button1" type="button" runat="server" value="返回" style="width: auto;"

                                onclick="location.href='javascript:history.back(-1)'" /></center>

                        </td>

                    </tr>

                </table>

            </div>

            </form>

        </div>

    </div>

    <script type="text/javascript">

        (function () {

            var state = document.getElementById("stateValue");

            if (state.value == "开启") {

                document.getElementById("open").checked = "checked";

            } else {

                document.getElementById("close").checked = "chedked";

            }

        })();

        function show(obj) {

            if (obj.value == '开启') {

                document.getElementById('stateValue').value = "开启";


            } else {

                document.getElementById('stateValue').value = "关闭";

            }

        } 

    </script>

</body>

</html>


 

分享到:
评论

相关推荐

    radio的应用ver_radio_datagrid

    另一方面,“MikeCat_server_radio_datagrid.aspx.cs”则是对应的C#后台代码文件,它包含了处理用户交互、数据绑定和业务逻辑的代码。.cs文件通常包含事件处理程序,这些处理程序会在用户与页面上的控件(如单选按钮...

    基于 vue + element-ui 的后台管理系统

    1. **Vue.js 框架**:Vue.js 提供了模板语法、虚拟DOM、响应式数据绑定、组件化等特性,使得开发人员能够构建出复杂的单页面应用。在这个项目中,Vue.js 负责处理视图层的更新,实现数据与界面的同步。 2. **...

    Web元件库 ElementUI元件库 后台模板页面.rar

    在实际开发中,开发者可以根据自己的需求选择和组合这些组件,通过Vue.js的数据绑定和事件处理机制,实现动态交互和数据管理。 ElementUI的设计原则是简洁、易用和可扩展,它的API文档详尽,示例丰富,对新手友好。...

    struts1.x html标签 radio,checkbox,multibox,select的使用

    在HTML中,单选按钮通常用`&lt;input type="radio"&gt;`表示,但在Struts1.x中,`html:radio`提供了更便捷的方式来绑定后台的ActionForm属性。通过设置`property`属性,可以将选定的值与ActionForm中的某个字段关联。如果...

    实现checkbox(多项选择)和radio button(单项选择)功能

    4. **数据绑定**:将控件的选择状态与后台数据模型绑定,保证数据的同步。 5. **性能优化**:在处理大量节点时,需要考虑性能优化,避免因为频繁的事件处理和状态更新导致界面卡顿。 在提供的文件列表中,我们看到`...

    小程序源码(无后台)_交互操作控件.rar

    总的来说,这个压缩包提供了小程序前端交互控件的实现,开发者可以借此学习如何在没有后台支持的情况下设计和构建用户界面,理解小程序的数据绑定、事件处理以及如何利用微信提供的功能来实现业务逻辑。同时,这也是...

    metronic_v4.7.1系统后台页面(含源码)

    在Metronic_v4.7.1中,Angular被用作后台系统的驱动引擎,提供数据绑定、依赖注入、路由和模块化等功能,使得开发过程更为高效和简洁。Angular的特性使得代码结构清晰,易于维护,同时提高了应用的性能。 Metronic_...

    datagrid嵌入radiobutton

    在这个例子中,RadioButton的Content绑定到数据项的Name属性,GroupName属性用于确保同一行的RadioButton互斥,IsChecked属性绑定到IsSelected属性,以实现双向数据绑定。 2. 数据绑定(DataBinding): 在数据源...

    ace bootstrap后台管理系统

    9. **AngularJS集成**(如果存在):Ace可以与AngularJS结合,利用其数据绑定和指令系统构建更复杂的单页应用。 10. **文档和示例**:通常,这样的后台管理系统会附带详细的文档和示例代码,帮助开发者快速上手和...

    微信小程序使用radio显示单选项功能【附源码下载】

    同时,`radio`组件的选中状态可以通过数据绑定与后台数据同步,实现用户选择的持久化。 总之,理解并熟练掌握微信小程序中的`radio`组件,是提高用户体验和交互性的重要一步。通过实例学习和查阅官方文档,开发者...

    vueelementui构建的后台管理系统

    - **指令系统**:如`v-if`、`v-for`、`v-bind`等,提供了声明式的数据绑定和逻辑控制。 - **计算属性与侦听器**:用于创建依赖于其他数据的响应式属性,并监听数据变化。 - **生命周期钩子函数**:如`...

    ElementUI radio组件选中小改造

    3. 在模板中,使用`&lt;custom-radio&gt;`替换`&lt;el-radio&gt;`,确保新组件能够正确接收和处理数据。 以下是一个简单的改造示例: ```html &lt;el-radio v-bind="$attrs" v-on="$listeners" :class="{ 'is-checked': ...

    WPF之后台无法获取前台CheckBox属性时如何实现单选逻辑

    当后台需要获取前台CheckBox的状态,但出现无法获取其属性的情况,这通常是因为数据绑定没有正确设置或者事件处理不完整。以下是一个详细的解决方案,以及如何实现单选逻辑。 首先,我们需要理解WPF中的MVVM(Model...

    管理系统系列--基于Vue + Iview-Admin实现的一套后台管理系统.zip

    1. **响应式数据绑定**:Vue.js的核心特性之一,通过`v-bind`指令实现数据和视图的双向绑定。 2. **组件化**:Vue.js鼓励使用组件来构建复杂的UI,组件可以复用,降低代码复杂度。 3. **指令系统**:如`v-if`、`v-...

    Struts2 标签一

    开发者可以通过配置Action和结果类型,轻松地将标签与后台数据绑定,实现数据的双向绑定。标签的使用大大减少了JSP页面的复杂性,使得前端页面更易于编写和管理。 在实际项目中,了解和熟练掌握Struts2标签库能够...

    Oracle 分页实例 带分页控件用法

    在后台代码中,我们看到`bangding()`方法用于绑定数据到GridView控件。这涉及到以下几个步骤: 1. 获取业务对象,如`RADIO_BUTTON_BIZ`、`DROP_DOWN_BOX_BIZ`、`RECEIPT_INFORMATION_BIZ`以及`AirMGRManager`,这些...

    vs2005 模态对话框 带单选的gridview

    2. 绑定GridView到数据源(可能是DataTable或其他数据源)。 3. 配置GridView,使其显示单选按钮,并设置GroupName。 4. 编写JavaScript代码以响应GridView中的选择事件,弹出Dialog。 5. 在Dialog中接收并处理来自...

    easyui案例

    4. **表单(Form)**:EasyUI 提供了丰富的表单元素,如文本框(textbox)、复选框(checkbox)、单选按钮(radio)等,这些元素可以方便地与后台数据绑定,实现数据验证和提交。 5. **主题风格**:EasyUI 提供了...

    TD 前后台信令详解

    接着,RNC通过ALCAP协议建立Iub数据传输承载,这个承载与DCH信道绑定,并需要NodeB确认。 接下来是直传信令连接建立,包括鉴权和加密。UE在DCCH信道上发送Initial Direct Transfer消息,包含请求的业务类型。RNC向...

    基于ASP.NET的RFID刷卡系统设计

    系统采用ASP.NET C#技术构建,运用B/S(Browser/Server)架构,利用RFID(Radio Frequency Identification)读卡器采集数据,通过CAN(Controller Area Network)总线进行数据传输,并与SQL Server 2005数据库相连接...

Global site tag (gtag.js) - Google Analytics