关于页面前面标签

<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. 在jsp中默认写上的一段java代码表示basePath 的路径的具体的意思是什么?

    <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" ...

  2. Excel Sheet Column Number

    Related to question Excel Sheet Column Title Given a column title as appear in an Excel sheet, retur ...

  3. android ndk编译x264开源(用于android的ffmpeg中进行软编码)

    http://blog.csdn.net/u012917616/article/details/40921833 不废话,直接上.sh脚本: export NDK=/home/xxx/my_softw ...

  4. ETL from hadoop to vertica

    根据项目需要,我做了一个POC(proof of concept),XML TXT的数据从HADOOP 引入到VERTICA. 我采用的方案是pig,具体信息可以参加vertica官方的文档. Acc ...

  5. linux下安装+配置+卸载jdk

    一. 解压安装jdk在shell终端下进入jdk1.7.0_55.bin文件所在目录, 执行命令 ./jdk1.7.0_55.bin 这时会出现一段协议,连继敲回车,当询问是否同意的时候,输入yes, ...

  6. Params 方法参数

    params,ref,out 方法参数 示例 在下面的方法使用中 OpenWindow(params object[] args) 传递的参数args添加了params修饰 public void O ...

  7. Pureftp-安全的ftp服务器部署

    一.简介: Pure-FTPd 是一款免费(BSD)的,安全的,高质量和符合标准的FTP服务器. 侧重于运行效率和易用性. 它提供了简单的答案,他满足了大众化的需求,包括普通用户以及主机供应商们 Pu ...

  8. Android_firstClass

    一个Project 创建后,大概的文件目录如下:在Android Studio每个Project,相当于Eclipse 的WorkSpace:每个Module(上图的app 目录)相当于Eclipse ...

  9. Gitub

    1.下载地址(注册:jackchn,jackchn@foxmail.com) http://windows.github.com/ 2.使用 github for Windows使用介绍 搭建一个免费 ...

  10. Verilog学习笔记基本语法篇(九)········ 任务和函数

    task 和 function 说明语句分别用来定义任务和函数,利用任务和函数可以把函数模块分成许多小的任务和函数便于理解和调试.任务和函数往往还是大的程序模块在不同地点多次用到的相同的程序段.输入. ...