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.新建类库 ...
随机推荐
- C语言杂谈(一)scanf()、scanf_s()与错误 C4996
错误 C4996 初学C语言时,第一个接触到的I/O函数便是scanf()了.但在高版本的 Visual Studio (包括但不限于2015.2013.2012)编译代码时,却会出现意想不到的错误. ...
- SSL certificate problem unable to get local issuer certificate解决办法
SSL certificate problem unable to get local issuer certificate 解决办法: 下载:ca-bundle.crt 将它放在自己的wamp或者x ...
- NOI2016 山西省省选 第二题序列
给出一个n(n<=10^18)然后把n拆成若干个数之和(3=1+2=2+1 是两种情况) 然后把这写数字当作斐波那契数列的下标相乘再相加 例如: 3=1+1+1=1+2=2+1=3 所以结果就是 ...
- 写一个iOS VoIP应用需要知道什么?
IOS编程--VoIP解密 一般来说, IOS很少给App后台运行的权限. 仅有的方式就是 VoIP. IOS少有的为VoIP应用提供了后台socket连接,定期唤醒并且随开机启动的权限.而这些就是I ...
- JSP中文乱码问题《转》
之前总是碰到JSP页面乱码的问题,每次都是现在网上搜,然后胡乱改,改完也不明白原因. 这次正好作下总结,中文乱码就是因为编码不符,可能出现乱码有四个地方: 1 JSP编码乱码 2 HTML编码乱码 3 ...
- uGUI练习(一) Anchor
一.练习步骤 如果用过NGUI的Anchor,我们知道在2.x的版本有UIAnchor组件(下图左),3.x版本中,每个UIWidget有自带的Anchors(下图右) 而uGUI的Anchor用起来 ...
- 创建自定义的Cocos2d-x场景
操作步骤 1.创建cocos2d-x工程 2.新建 Scene1.cpp Scene1.h Scene1.h代码 #ifndef __SCENE1_H__#define __SCENE1_H__ #i ...
- Colorable Fantasy UI
Colorable Fantasy UI URL:https://www.assetstore.unity3d.com/#/content/7563 环境要求 Requires Unity 4.0.1 ...
- Centos中yum方式安装java
查看CentOS自带JDK是否已安装.◆输入:yum list installed |grep java. 若有自带安装的JDK,如何卸载CentOS系统自带Java环境?◆卸载JDK相关文件输入:y ...
- 33Mybatis------Mapper的编写
Mapper编写的三种方法 传统的做法: 接口实现类继承SqlSessionDaoSupport 使用此种方法需要编写mapper接口,mapper接口实现类.mapper.xml文件 1. 在sq ...