关于页面前面标签

<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. 第一章 Mysql 简介及安装和配置

    Mysql是最流行的关系型数据库管理系统,在WEB应用方面MySQL是最好的RDBMS(Relational Database Management System:关系数据库管理系统)应用软件之一. ...

  2. CentOS6.3下安装VSFTP服务

    CentOS下安装FTP服务器: 第一步,检查服务器端是否已经安装FTP:[root@localhost centos]# rpm -q vsftpd 如果出现的是:[root@localhost c ...

  3. sphinx增量索引

    首先建立一个计数表,保存数据表的最新记录ID CREATE TABLE `sph_counter` (  `id` int(11) unsigned NOT NULL,  `max_id` int(1 ...

  4. linux系统下设置oracle开机自动启动

    在Linux系统中,安装好oracle数据库服务后,并不像在Windows系统下一样,oracle服务在默认情况下会随时系统的启动自动启动.Linux系统中,是需要用户去手动进行设置,才能实现orac ...

  5. DAC使用基本准则

    DAC Nyquist Zones, Zero Order Hold, and Images why do the Fout images exist in every Nyquist zone? W ...

  6. Google三驾马车

    Google旧三驾马车: GFS,mapreduce,Bigtable http://blog.sina.com.cn/s/blog_4ed630e801000bi3.html Google新三驾马车 ...

  7. n个整数中,找出尽可能多的数使他们组成一个等差数列,求最长等差数列的长度

    例子:  3,8,4,5,6,2          返回值应该为 :5 这是昨天做的一道优酷土豆的编程题,和leetcode中的128/ Longest Consecutive Sequence 有点 ...

  8. Adobe Scout 入门

    http://www.adobe.com/cn/devnet/scout/articles/adobe-scout-getting-started.html Adobe Scout 是新一代 Flas ...

  9. LoadRunner支持的IE版本

    LoadRunner支持的IE版本: 8.0 最高ie68.1 最高ie69.0 最高ie79.5 最高ie811.0 最高ie9( win7 32位+LR11+IE10可用,但win7 64位+LR ...

  10. Mybaits学习总结1

    http://www.cnblogs.com/xdp-gacl/p/4261895.html 参考了这篇文章搭建了Mybaits环境,原作者有些地方没有标注使用某种编码,我是自学SQL的,所以深知编码 ...