jqurey 遍历 div内的所有input单选复选按钮并判断是否选中及Attr(checked)无效的解决
关于页面前面标签
<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可解决
- $("#cb").attr("tagName"); //undefined
- $("#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)无效的解决的更多相关文章
- 微信小程序 修改(自定义) 单选/复选按钮样式 checkbox/radio样式自定义
参考文章: 微信小程序 修改(自定义) 单选/复选按钮样式 checkbox/radio样式自定义
- 简单的纯css重置input单选多选按钮的样式--利用伪类
由于input单选多选的原生样式通常都不符合需求,所以在实现功能时通常都需要美化按钮 html <input type="radio" /> <input typ ...
- 微信小程序 自定义单选复选按钮组的实现(用于实现购物车产品列表功能)
(一)单选按钮组 模型图如下: index.js Page({ data: { parameter: [{ id: 1, name: '银色' }, { id: 2, name: '白色' },{ i ...
- 单选复选按钮以及Toast学习笔记
1:单选按钮是以组的形式呈现,xml布局文件中需要定义一个RadioGroup,然后在这个组内再定义RadioButton.在java代码中为该按钮添加监听时,需要用组名来引用对应的方法setOnCh ...
- [SAP ABAP开发技术总结]选择屏幕——按钮、单选复选框
声明:原创作品,转载时请注明文章来自SAP师太技术博客( 博/客/园www.cnblogs.com):www.cnblogs.com/jiangzhengjun,并以超链接形式标明文章原始出处,否则将 ...
- 个人永久性免费-Excel催化剂功能第58波-批量生成单选复选框
插件的最大威力莫过于可以把简单重复的事情批量完全,对日常数据采集或打印报表排版过程中,弄个单选.复选框和用户交互,美观的同时,也能保证到数据采集的准确性,一般来说用原生的方式插入单选.复选框,操作繁琐 ...
- css input checkbox复选框控件 样式美化的多种方案
checkbox复选框可能是网站中常用的html元素,但大多数人并不满意它的默认样式,这篇文章就讲讲如何实现input checkbox复选框控件 样式美化效果. 资源网站大全 https://55w ...
- jQuery 与js判断是否单选复选选中
js判断复选:这段代码昨天网上查看的资料没保存出处,抱歉 var obj=document.getElementsByName("diseaseSet"); //选择所有name= ...
- Asp.net自定义单选复选框控件
将常用的jquery插件封装成控件也是个不错的选择 下面是效果的简单颜色,由于博客系统的限制没法完整演示最终效果,请下载示例查看 Asp.netWeb APIC#Javascript 1.新建类库 ...
随机推荐
- 烂泥:【解决】word复制windows live writer没有图片
本文由秀依林枫提供友情赞助,首发于烂泥行天下. 在使用windows live writer发表博客,博客先是在是word2013中进行编辑,编辑完毕后我会复制到windows live writer ...
- MIT jos 6.828 Fall 2014 训练记录(lab 5)
源代码参见我的github: https://github.com/YaoZengzeng/jos File system perliminaries 我们开发的是一个单用户的操作系统,只提供了足够的 ...
- swfobject.js视频播放插件
在网页中经常会用到视频播放的功能,下面介绍一下swfobject.js的视频播放应用:html代码结构: <div id="video_content"></di ...
- 如何解决python中urlopen超时问题
看代码: 利用urlopen中的超时参数设立一个循环 while True: try: page = urllib.request.urlopen(url, timeout=3) break exce ...
- Codeforces Round #275 Div.1 B Interesting Array --线段树
题意: 构造一个序列,满足m个形如:[l,r,c] 的条件. [l,r,c]表示[l,r]中的元素按位与(&)的和为c. 解法: 线段树维护,sum[rt]表示要满足到现在为止的条件时该子树的 ...
- 使用EXISTS语句注意点
1.使用EXISTS语句,其目标列一般用“*”,因为带EXISTS的子查询只返回真值或假值,给出列名无实际意义. 2.使用EXISTS语句一定要注意上下两个表之间要建立联系. 例如,查询所有选修了1号 ...
- html中的src与href的区别
写代码的时候就经常把这两个属性弄混淆,到底是href还是src,href标识超文本引用,用在link和a等元素上,href是引用和页面关联,是在当前元素和引用资源之间建立联系,src表示引用资源,表示 ...
- 立即执行函数与window.onload作用类似
(function(){ }()); // 立即执行函数 或者用window.onload=function(){}也可以
- iOS打包导出时出现Missing iOS Distribution signing
iOS打包导出时出现Missing iOS Distribution signing 上传APP就出现Missing iOS Distribution signing indetity for 打包i ...
- jquery中的get和set
jquery中通过参数的个数来判断是get方法还是set方法: css: function(name, value ) { return value !== undefined ? jQuery.st ...