jqurey 遍历 div内的所有input单选复选按钮并判断是否选中

关于页面前面标签

<ul>
                            @{
                    foreach (var item in vote)
                    {
                        if (!string.IsNullOrEmpty(item.Img))
                        {
                            <li class="vop">
                                @if (!string.IsNullOrEmpty(item.VoteText))
                                {
                                    <a href="[email protected]&[email protected]">
                                        <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="[email protected]&[email protected]">
                                            <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="[email protected]&[email protected]">
                                        <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 = 0; i < radios.length; i++) {
                if (radios[i].checked) {
                    votenum = parseInt(radios[i].value)+1;
                    votes += votenum + "@";
                    ids+=$(this).attr("id")+"@"
                    ischeck = false;
                }
            }
        });
        if (ischeck) {
            alert("请勾选选项后再进行提交");
            return false;
        }
        if (!ischeck) {
            if (ids.length > 1) {
                ids = ids.substring(0, ids.length - 1);
            }
            if (votes.length > 1) {
                votes = votes.substring(0, votes.length - 1);
            }
            $("#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方法去获得特性

  1. $("#cb").attr("tagName"); //undefined
  2. $("#cb").prop("tagName"); //INPUT
时间: 2024-11-16 12:49:02

jqurey 遍历 div内的所有input单选复选按钮并判断是否选中的相关文章

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

由于input单选多选的原生样式通常都不符合需求,所以在实现功能时通常都需要美化按钮 html <input type="radio" /> <input type="checkbox" /> css input{visibility: hidden;} // 让原生按钮不显示 input::before{ content: "";visibility: visible;display:inline-block; widt

加监听器,单选复选按钮

MainActivity package com.example.lenovo.myapplication; import android.provider.MediaStore; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.widget.CheckBox; import android.widget.CompoundButton; import android

单选 复选按钮 样式

<!doctype html> <html> <head> <meta charset="utf-8"> <title>选择框样式</title> <style> label {font-size:12px;cursor:pointer;} label i {font-size:12px;font-style:normal;display:inline-block;width:12px;height:1

单选-复选按钮自定义样式

通过":checked"配合其他标签来自定义复选框样式 Html代码: <form action="#"> <div class="wrapper"> <div class="box"> <input type="checkbox" checked="checked" id="username" /> <span&

css3单选 复选按钮--代码分享

1.html <div> <input type="checkbox" id="option"/> <label for="option"> <span></span> 点击1 </label></div><div> <input type="radio" name="my-radio" id="

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

目录导航 声明:原创作品,转载时请注明文章来自SAP师太博客,并以超链接形式标明文章原始出处,否则将追究法律责任!原文出自: 12.6.         按钮.单选复选框.下拉框的FunCode. 91 12.6.1.     选择屏幕中的按钮... 92 12.6.2.     选择屏幕中的单选/复选按钮:点击时显示.隐藏其他屏幕元素... 92 12.6.     按钮.单选复选框.下拉框的FunCode 如果复选框与单选按钮没有设置Function Code,则它们就会像普通的输入框一样,

JS-001-JavaScript 操作常见 web 元素之一-单选复选

此文主要针对 web 页面中常见元素(例如:单选按钮.复选按钮)的 JavaScript 操作,进行简单的源码示例演示,敬请小主们参阅.若有不足之处,敬请大神指正,不胜感激! 话不多言了,直接上码: 1 <html> 2 <head> 3 <meta charset='utf-8'> 4 5 <title>JS-001-JavaScript 操作常见 web 元素之一-单选复选</title> 6 7 <link rel="sty

关于单选复选框

<!DOCTYPE html><html><head><meta charset="utf-8"><title>单选复选框</title><link href="style.css" rel="stylesheet"></head><body bgcolor="pink"> <center><h1 st

初识安卓小程序(开关灯——单选多选按钮控制)

如图: 点击单选按钮"开灯",多选按钮就会显示"关灯"且方块里有对勾:反之,点多选按钮,单选按钮也自动改变. 首先,先创建一个安卓项目(我的版本是4.4.2的),名字为"bulb",把两张图片:开灯与关灯状态的图片放入"drawable-"随意一个文件夹下 然后在res文件夹下找到layout文件夹,找到activity_main.xml或fragment_main.xml,在里面输入或拖拽按钮 <RelativeLay