关于页面前面标签

<ul>
@{
foreach (var item in vote)
{
if (!string.IsNullOrEmpty(item.Img))
{
<li class="vop">
@if (!string.IsNullOrEmpty(item.VoteText))
{
<a href="votedetail?cid=@classid&no=@item.Id">
<img src="@item.Img" />
</a>
}
else
{
<img src="@item.Img" />
}
<div class="votesubject">
<input id="@item.Id" name="votetitle" value="@item.VoteNum" type="@_votetype" />
@if (!string.IsNullOrEmpty(item.VoteText))
{
<a href="votedetail?cid=@classid&no=@item.Id">
<span>@item.Title</span>
</a>
}
else
{
<span>@item.Title</span>
}
</div> </li>
}
else
{
<li class="vopn">
<input id="@item.Id" name="votetitle" value="@item.VoteNum" type="@_votetype" />
@if (!string.IsNullOrEmpty(item.VoteText))
{
<a href="votedetail?cid=@classid&no=@item.Id">
<span class="vvpt">@item.Title</span>
</a>
}
else
{
<span class="vvpt">@item.Title</span>
}
</li> }
}
}
</ul>

js可这样判断是否选中

$(".votesubject").find("input").each(function () {
if ($(this).prop('checked', true)) {
alert($(this).prop("value"))
}
});

也可这样

$("input[name=votetitle]").each(function () {
//if (this.checked) {
// alert($(this).val());
//}
var radios = $(this);
for (i = 0; i < radios.length; i++) {
if (radios[i].checked) {
votenum = parseInt(radios[i].value)+1;
votes += votenum + "@";
ids+=$(this).attr("id")+"@"
ischeck = false;
}
}
});

我需要的功能js方法:

$(window).ready(function () {
$("#tj").click(function () {
//$(".votesubject").find("input").each(function () {
// if ($(this).prop('checked', true)) {
// alert($(this).prop("value"))
// }
// });
var ids = "";
var votes = "";
var votenum;
var ischeck = true;
$("input[name=votetitle]").each(function () {
//if (this.checked) {
// alert($(this).val());
//}
var radios = $(this);
for (i = ; i < radios.length; i++) {
if (radios[i].checked) {
votenum = parseInt(radios[i].value)+;
votes += votenum + "@";
ids+=$(this).attr("id")+"@"
ischeck = false;
}
}
});
if (ischeck) {
alert("请勾选选项后再进行提交");
return false;
}
if (!ischeck) {
if (ids.length > ) {
ids = ids.substring(, ids.length - );
}
if (votes.length > ) {
votes = votes.substring(, votes.length - );
}
$("#votenum").val(votes);
$("#ids").val(ids);
alert("感谢您的参与。");
$("#form1").submit();
}
});
$("#ck").click(function () {
window.location = "voteview?cid= " + $("#classid").val() + "&id=" + $("#vid").val() + " ";
});
});

附上相关选中的写法

$("[name='checkbox']").attr("checked",true);//全选

$("[name='checkbox']").removeAttr("checked");//取消全选

$('#checkbox').attr('checked'); 返回的是checked或者是undefined解决办法

JQ1.6之后,可以通过attr方法去获得属性,通过prop方法去获得特性

jQuery RemoveAttr(checked)之后再Attr(checked)属性无效果

当我们升级JQ1.6到更高的版本时,attr(‘checked‘); 返回的是checked或者是undefined,不是原来的true和false了,将attr属性改用prop可解决

  1. $("#cb").attr("tagName"); //undefined
  2. $("#cb").prop("tagName"); //INPUT

全选与反选及批量删除

  //全选和反选
$("#CheckAll").click(function () {
var flag = $("#CheckAll").is(":checked"); //判断全选按钮的状态
$("input[name=checkitem]").prop("checked", flag);
}); //删除多条信息
function DeleteList() {
var array = new Array();
$.each($("input[name=checkitem]:checked"), function (index, content) {
var iindex = $("input[name=checkitem]:checked")[index].value;
array.push(iindex); });
if (array.length < ) {
alert("请选择要删除的项!");
return false;
} else {
var delIds = array.join(",");
if (confirm("你确定删除吗?")) {
$.ajax({
url: '@Url.Action("DelSortProduct", "SortProduct")',
type: 'post',
dataType: 'json',
contentType: 'application/json',
data: "{ \"ids\":\"" + delIds + "\"}",
success: function(result) {
if (result.DoFlag) {
alert(result.DoResult);
location.reload();
} else {
alert(result.DoResult);
} },
error: function(data) {
alert(data.responseText);
}
});
}
}
} $(".setIsDel").click(function () {
var id = $(this).prop("id");
if (confirm('确定删除?')) {
$.ajax({
url: '@Url.Action("DelSortProduct", "SortProduct")',
data: { "ids": id },
//data: "{ \"ids\":\"" + id + "\"}",
success: function(res) {
if (res.DoFlag) {
alert(res.DoResult);
location.reload();
} else {
alert(res.DoResult);
}
},
error: function (data) {
alert(data.responseText);
}
});
}
});

Jquery操作select选项集合!

http://www.cnblogs.com/pepcod/archive/2012/07/03/JavaScript.html

js和Jquery获取选中select值和文本

http://www.cnblogs.com/shenyixin/archive/2012/12/11/2813221.html

jqurey 遍历 div内的所有input单选复选按钮并判断是否选中及Attr(checked)无效的解决的更多相关文章

  1. 微信小程序 修改(自定义) 单选/复选按钮样式 checkbox/radio样式自定义

    参考文章: 微信小程序 修改(自定义) 单选/复选按钮样式 checkbox/radio样式自定义

  2. 简单的纯css重置input单选多选按钮的样式--利用伪类

    由于input单选多选的原生样式通常都不符合需求,所以在实现功能时通常都需要美化按钮 html <input type="radio" /> <input typ ...

  3. 微信小程序 自定义单选复选按钮组的实现(用于实现购物车产品列表功能)

    (一)单选按钮组 模型图如下: index.js Page({ data: { parameter: [{ id: 1, name: '银色' }, { id: 2, name: '白色' },{ i ...

  4. 单选复选按钮以及Toast学习笔记

    1:单选按钮是以组的形式呈现,xml布局文件中需要定义一个RadioGroup,然后在这个组内再定义RadioButton.在java代码中为该按钮添加监听时,需要用组名来引用对应的方法setOnCh ...

  5. [SAP ABAP开发技术总结]选择屏幕——按钮、单选复选框

    声明:原创作品,转载时请注明文章来自SAP师太技术博客( 博/客/园www.cnblogs.com):www.cnblogs.com/jiangzhengjun,并以超链接形式标明文章原始出处,否则将 ...

  6. 个人永久性免费-Excel催化剂功能第58波-批量生成单选复选框

    插件的最大威力莫过于可以把简单重复的事情批量完全,对日常数据采集或打印报表排版过程中,弄个单选.复选框和用户交互,美观的同时,也能保证到数据采集的准确性,一般来说用原生的方式插入单选.复选框,操作繁琐 ...

  7. css input checkbox复选框控件 样式美化的多种方案

    checkbox复选框可能是网站中常用的html元素,但大多数人并不满意它的默认样式,这篇文章就讲讲如何实现input checkbox复选框控件 样式美化效果. 资源网站大全 https://55w ...

  8. jQuery 与js判断是否单选复选选中

    js判断复选:这段代码昨天网上查看的资料没保存出处,抱歉 var obj=document.getElementsByName("diseaseSet"); //选择所有name= ...

  9. Asp.net自定义单选复选框控件

    将常用的jquery插件封装成控件也是个不错的选择 下面是效果的简单颜色,由于博客系统的限制没法完整演示最终效果,请下载示例查看 Asp.netWeb APIC#Javascript   1.新建类库 ...

随机推荐

  1. 关于macOS Sierra无法使用gdb进行调试的解决方案

    1.对gdb进行签名,签名过程详见:http://jingyan.baidu.com/article/d169e1864dc24d436611d839.html: 2.重新启动系统,同时按住键盘上的c ...

  2. CVE

    一.简介 CVE 的英文全称是"Common Vulnerabilities & Exposures"公共漏洞和暴露.CVE就好像是一个字典表,为广泛认同的信息安全漏洞或者 ...

  3. linux 程序管理

    在linux下做开发,经常要用到一些管理程序的命令,如查看进程,查看内存等情况.看网络情况.如下的笔记是看书时记下一些简单常用的命令. 1)top [root@005 fsh]#top[-d数字]|t ...

  4. nginx看端口使用情况

    [root@iZ94j7ahvuvZ sbin]# netstat -apn Active Internet connections (servers and established) Proto R ...

  5. LINUX 用户’nobody’

    1>Windows系统在安装后会自动建立一些用户帐户,在Linux系统中同样有一些用户帐户是在系统安装后就有的,就像Windows系统中的内置帐户一样. 2>它们是用来完成特定任务的,比如 ...

  6. WordCount Analysis

    1.Create a new java project, then copy examples folder from /home/hadoop/hadoop-1.0.4/src; Create a ...

  7. 如何实现ZBrush 4R7中按钮颜色的自定义

          本文详细讲解在ZBrush® 4R7中如何改变按钮颜色. Zbrush默认的开关按钮颜色为橙黄色,若您不喜欢当前颜色,可以通过“Icolors”功能按钮下的各命令来更改界面开关颜色及透明度 ...

  8. fullpage.js 结合固定导航栏—实现定位导航栏

    开始制作自己的个人简历啦,决定要使用固定导航栏,又打算使用fullpage.js做全屏滚动. 仔细看了fullpage文档之后,发现不用额外写js代码就可以实现以下效果: 1.当滚动翻页时,导航栏也自 ...

  9. 本地不安装Oracle,plsql远程连接数据库

    由于Oracle的庞大,有时候我们需要在只安装Oracle客户端如plsql.toad等的情况下去连接远程数据库,可是没有安装Oracle就没有一切的配置文件去支持.最后终于发现一个很有效的方法,Or ...

  10. java 13-1 数组高级二分查找

    查找: 1.基本查找:数组元素无序(从头找到尾) 2.二分查找(折半查找):数组元素有序 pS:数组的元素必须有顺序,从小到大或者从大到小.以下的分析是从小到大的数组 二分查找分析: A:先对数组进行 ...