onoffswitch-checkbox
@foreach (EmailSubscription es in Model)
{
if(true){
<div class="onoffswitch">
<input type="checkbox" checked class="onoffswitch-checkbox" name="onoffswitch_1" id="onoffswitch_1">
<label class="onoffswitch-label" style="border-radius:23px;" name="onoffswitch_1" for="onoffswitch_1">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch" style="width:24px;border-radius:12px;"></span>
</label>
</div>
}
else
{
<input type="checkbox" class="onoffswitch-checkbox" name="onoffswitch_1" id="onoffswitch_1">
<label class="onoffswitch-label" style="border-radius:23px;" name="onoffswitch_1" for="onoffswitch_1">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch" style="width:24px;border-radius:12px;"></span>
</label>
}
}
js中对多个onoffswitch-switch 按钮 进行数组形式的赋值
<script type="text/javascript">
$(document).ready(function(){
var active= new Array();
var num= new Array();
var i = 0;
$("label[name^='onoffswitch_']").on('click',function (e) {
var id = $(this).attr("name").split("_")[1];
var onswitch= document.getElementById("onoffswitch_" + id).checked;
if (onswitch)
{
active[i] = "false";
}
else
{
active[i] = "true";
}
num[i] = id;
i++;
});
$("#btnSave").click(function () {
if (active.length>0 && num.length>0)
{
$(".ajax-loader").show();
$.ajax({
url: ' ',
traditional: true, //阻止深度序列化,提交时后台处理才能接收到数组值。默认为 false,提交数组必须为true
data:
{
active: active,
num: num
},
complete: function () {
$(".ajax-loader").hide();
}
});
}
});
});
</script>
c# 里:control里数组接受和处理,接收数组, 避免未修改时更新数据库
public ActionResult SaveSubscriptions(string[] active, string[] num)
{
bool Isonline = false;
List<Num> list = _numService.GetNumByCustomerID(logginUser.UserID).ToList();
if (list.Count>0)
{
for (int i = 0; i < IsOnline.Length; i++)
{
var num = new Guid(num[i]);
num result = list.Where(a => a.ID == num).FirstOrDefault();
if(result.active != Boolean.Parse(active[i]))
{
if (active[i] == "true")
{
active = true;
}
else
{
active = false;
}
list.Add(result);
active= true;
}
}
}
if (active)
{
_numService.UpdateNum(list);
}
return RedirectToAction("Index");
}
onoffswitch-checkbox的更多相关文章
- WPF CheckBox 样式
<Style x:Key="FocusVisual"> <Setter Property="Control.Template"> < ...
- 计算Div标签内Checkbox个数或已被disabled的个数
先看下面的html: 计算div内的checkbox个数:$('#divmod input[type="checkbox"]').length 计算div内checkbox被dis ...
- 前端开发:css技巧,如何设置select、radio 、 checkbox 、file这些不可直接设置的样式 。
前言: 都说程序员有三宝:人傻,钱多,死得早.博主身边的程序“猿”一大半应了这三宝,这从侧面说明了一个问题,只有理性是过不好日子的.朋友们应该把工作与生活分开,让生活变得感性,让工作变得理性,两者相提 ...
- Razor语法中绑定一个值给checkbox
在ASP.NET MVC开发中,需要绑定一个值给checkbox标签,如下面写法,它们运行时是没有问题,照样能跑. 看看上面的语法,在绑定时,它却出现绿浪线.提不绑定的值is not a valid ...
- Checkbox 模板和样式
<Style TargetType="{x:Type CheckBox}"> <Setter Property="FontFamily" Va ...
- RadioButton与CheckBox
笔者长期从事于数据库的开发,算了,不提当年了,因为一直用的是小语种(PowerBuilder),还是来说说这两个最常见的控件吧! RadioButton(单选)和CheckBox(多选) 先来看看继承 ...
- Listview的Item中有CheckBox、Button等的焦点处理
ListView的item布局中有CheckBox.Button等会获取焦点的控件会抢走焦点,造成ListView的item点击事件相应不了. 解决方法:控件设置 android:clickable= ...
- 实现CheckBox的三种选中状态(全选、半选、不选)在GridView中模拟树形的功能
度娘了很多帖子,只说三种状态要用图片替换来做,但没找到有用的例子,被逼自己写了一个 三方控件肯定是很多的,如jstree,可以直接用 由于公司的UDS限制,不能上传图片,只能文字说明了. 就是要在gr ...
- 用css改变默认的checkbox样式
自己常用的改变checkbox样式的两个方法: 一.利用background用图片代替checkbox效果 缺点:你首先得有一张好看的图片 优点:浏览器兼容性好 <!doctype html&g ...
- WPF 自定义CheckBox样式
自定义CheckBox样式,mark一下,方便以后参考复用 设计介绍: 1.一般CheckBox模板太难看了,肯定要重写其中的模板 2.模板状态为未选中状态和选中状态,设置为默认未选中就好了. 默认状 ...
随机推荐
- 使用CEF的JSON解析功能
Cef提供了JSON解析功能,在cef_parser.h文件内有三个JSON相关的方法: CefParseJSON CefParseJSONAndReturnError CefWriteJSON 以最 ...
- 新书《Linux就是这个范儿》预售
预售地址 当当 内容简单介绍 本书内容源自淘宝技术大学的培训实战.由来自阿里巴巴集团的资深Linux系统专家赵鑫磊和相同来自阿里巴巴集团的支付宝网络技术有限公司的高级专家Jie Zhang(张洁)共同 ...
- ImageLoader配置(凝视)
/** * 配置ImageLoader */ private void configImageLoader() { File discCacheDir = StorageUtils.getOwnCac ...
- #include、#import与@class的使用与头文件循环引用问题
#include #include <>:一般是对系统库文件的引用,编译器会去系统文件文件夹下查找. #include "xxx.h":一般是对自己定义文件的引用,编译 ...
- zephyr初始化流程
1.调用应用层main()函数 kernel/init.c 181行 /** * * @brief Mainline for kernel's background task ...
- 在非controllers中获取httpServletRequest
HttpServletRequest request = ((ServletRequestAttributes)RequestContextHolder.getRequestAttributes()) ...
- Can't update: no tracked branch No tracked branch configured for branch dev.
1.git pull 命令出现以下错误 $ git pull There is no tracking information for the current branch. Please speci ...
- 一个Web前端自学者的自述
想来想去还是写下这篇文章,先说明,我精通JAVA编程语言和web前端常见的技术,个人是做JAVA的多,但是更加喜欢前端.因为我从高一开始接触JAVA,家父是黑马的JAVA讲师,自己对编程很热爱,在大学 ...
- java 拦截器
一.前言 这是一篇关于 java 拦截器的文章,是我的写 java web 所遇见的问题.当我们写好一个网站,必须要通过登陆页面才可以进入这个系统.那么我们就得写个 java 拦截器,如果是通过登录 ...
- spring mvc报错,数据库查询无限死循环
进行查询的陷入了无限死循环,原因是问题类中包含了回答,回答类中包含了问题,进入了无限死循环 解决方法:在回答类中的问题类属性上加注解:@JsonBackReference 问题中有回答的set集合,回 ...