在javascript或jquery中获取选定复选框的同级
在JavaScript或jQuery中获取选定复选框的同级元素，可以使用以下方法：
- 使用JavaScript：
- 首先，获取选定的复选框元素的父级元素。
- 然后，使用父级元素的
querySelectorAll方法来选择同级元素。 - 最后，遍历所选元素并进行相应操作。
- 示例代码：
- 示例代码：
- 使用jQuery：
- 首先，获取选定的复选框元素。
- 然后，使用jQuery的
parent方法获取父级元素。 - 接着，使用父级元素的
find方法选择同级元素。 - 最后，遍历所选元素并进行相应操作。
- 示例代码：
- 示例代码：
以上方法可以帮助您在JavaScript或jQuery中获取选定复选框的同级元素，并进行相应的操作。
相关·内容
1回答
使用Jquery的营业时间表单
、、、、
我正在尝试使用JavaScript修改一个表单，以填充此表单的选项。我几乎完成了，但我达到了一个我无法克服的里程碑。我想知道是否有人能帮上忙。该示例可从以下位置获得：
我可以成功分配休息日(星期六和星期日)，但我不能通过选中/取消选中表单中的复选框来更改所有工作日的状态(禁用/启用)。请让我知道在不更改我为此行中的复选框分配样式的方式的情况下可以做些什么：
$(this).append(' <span class="closed custom-checkbox"><input type="checkbox" name="clo
浏览 1提问于2012-10-06得票数 0
回答已采纳
2回答
我想通过Jquery实现以下目标
有多个行程，每次旅行都有复选框和文本框。
每当选中复选框时，与该复选框对应的textbox中的值必须更新为"1“。
文本框中的每个客户类型，然后选中复选框。
顾客不允许选择超过10次的旅行。(也就是说，如果两个输入框总数为10，则会显示错误或警报。
我试过遵循下面的代码，但它不起作用
<input type="checkbox" id="ckval1" class="checkvaloare" /> Trip 1
<input type="text"
浏览 2提问于2015-03-11得票数 0
回答已采纳
3回答
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery(".content").hide();
//toggle the componenet with class msg_body
jQuery(".link").click(function()
浏览 0提问于2011-03-25得票数 0
1回答
我需要创建一个表单来下载选定的文件。基本上，在submit上，我需要检查选中了哪些复选框，然后下载相应的文件。我不知道从哪里开始，我需要能够用Javascript或JQuery来做。
浏览 1提问于2018-08-22得票数 0
我们有一个包含禁用的ListBox的页面(在代码隐藏中)。可以通过检查页面上的复选框来对此ListBox进行标记；它可以使用JQuery使用javascript重新启用。
因此，问题是当控件第一次被禁用，然后在页面上重新启用时，即使选择了一个项目，它也没有选定的项。
如果代码隐藏中从未禁用ListBox，则相同的代码可以正常工作。
是否有任何方法重新启用ListBox，使用JQuery，以便将选定的值发布到服务器？
这是一个使用VS 2005的.net 2.0项目，没有.NET MVC
浏览 6提问于2009-03-13得票数 1
回答已采纳
我的需求
使用jQuery，我需要在一个隐藏的输入处获取值(signalID)，以便将其对应的复选框选中为true。
我的看法是
<ul class="nav navbar-nav navbar-left checkboxtext signalCheckBox">
@for (int i = 0; i < @Model.SelectSignalList.Count(); i++)
{
<li style="vertical-align:central; padding:-5px;">
浏览 2提问于2018-07-23得票数 0
回答已采纳
我想在复选框中获取选定的值。然而，我不确定我必须首先添加什么。我是否需要将id交给div，然后再使用jQuery？或者我需要将name交给checkbox，然后再使用jQuery？
另外，如何使用javascript获取选定的值？
@foreach (var item in Model)
{
@Html.HiddenFor(model => item.Id)
@Html.HiddenFor(model => item.Name)
<div>
@Html.CheckBoxFor(x => item.Checked)
浏览 1提问于2014-03-16得票数 1
2回答
使用div元素作为复选框
、、、
我目前正在构建一个站点，我更喜欢使用div元素作为复选框。如果选中，则使用javascript切换复选框类。
这是html。
<div class='col span_1_of_6 menuGroup'>
<div class="circl3" style="background-image:url(images/icons/'.$icon.') background-repeat:no-repeat;"></div>
<p class='menuGroupName
浏览 9提问于2013-11-15得票数 0
回答已采纳
3回答
这是我的代码，我试图打印选定的box.But中的选定值，它只打印选定项的第一个值。我不知道如何获得选定value.any的长度一个帮助我解决这个问题
<html>
<head>
<title>jQuery Dropdown CheckList</title>
<link rel="stylesheet" type="text/css" href="jquery-ui-1.8.13.custom.css">
<link rel=
浏览 1提问于2013-02-16得票数 1
我的mvc4剃刀页面上有一个复选框和一个下拉列表
取消选中复选框时，需要将下拉列表的选择重置为0
$("#chkProcess").click(function (event) {
//on-click code goes in here.
var chkProcess = $(this);
if (chkProcess.is(':checked')) {
//do process
} else {
$('#locationSelectList&
浏览 2提问于2013-09-05得票数 0
1回答
从数组信息中获取分隔字符串
、、、、
以下代码将html表复选框中的行信息存储到数组中：
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
<script>
function myFunc() {
var myValues = new Array();
$.each($("input[name='selection[]']:ch
浏览 3提问于2014-06-12得票数 0
回答已采纳
2回答
查询所选复选框
、、
我有两个页面search.php和load.php...in search.php，我有复选框，我使用jquery将复选框传递给load.php
<div class="checkBoxes">
<input type="checkbox" name="art[]" value="1" >Digital Art <br />
<input type="checkbox" name="art[]" value="2" >Tradition
浏览 0提问于2013-02-22得票数 0
回答已采纳
2回答
我有以下HTML代码。我要做的是在选中名为javaRatingDiv的复选框后显示名为java的div。
我似乎想不出如何通过jquery导航表中的下一个TD。
<div id="languages">
<table style="width:inherit">
<tr style="height:50px; vertical-align:top">
<td>Select the languages that you are familiar with and rate you
浏览 1提问于2010-05-23得票数 1
回答已采纳
使用JQuery选择器，如何选中同级目录中包含的复选框并移除disabled属性？(在下面的示例代码中，我需要在div中使用类col-3的复选框)我不能只是将一个类放在复选框上并使用它，因为我有多个实例，其中我具有相同的结构，所以我需要基于HTML布局动态执行它。我尝试过组合选择器，包括next()、closest()和siblings()，但是我似乎不能成功地定位复选框。 我的HTML结构如下所示： <div class = "col-6">
<label>
<input type="checkbox"
浏览 12提问于2020-06-12得票数 0
回答已采纳
我有一个操作拖放框，调用actionFunc()来做一些事情
下面是actionFunc()：
<script language="javascript">
$(document).ready(function()
{
$("#paradigm_all").click(function()
{
var checked_status = this.checked;
$("input[name=notPaid]"
浏览 5提问于2014-01-26得票数 0
回答已采纳
3回答
当我选中一个复选框时，我需要用两个<p>标记重写html。注意:基于DB的输出，<div class="summary">容器重复多次。
* HTML *
<div class="summary">
<div>Data 1</div>
<div>Data 2</div>
<div class="col_5"><input type="checkbox" /></div>
</div&
浏览 0提问于2012-03-12得票数 0
回答已采纳
我有一个带有单选按钮和复选框的表单。我有一个文本区，在提交之前，我必须显示该文本区中选定的单选和复选框值。你能在那个concern.How中帮我在jquery中做到这一点吗？
浏览 0提问于2012-04-02得票数 0
回答已采纳
如何在MVC中使用Jquery进行分页时，从Kendo Grid UI中获取复选框选中的行值。
我已经按照上面的链接完成了我的工作，我可以得到当前页面的选定行值，但无法获得所有页面选定行的values.can请帮助我，如何获得所有的复选框选定行值甚至分页也。例如:第一页我选择了2行，第二页我选择了2行，意思是当点击4行按钮时，会被传给控制器，请帮助。
浏览 0提问于2018-10-04得票数 0
2回答
首先感谢大家的帮助。对不起，我的英语不好:)
我需要jquery，可以得到标签的名称被选中并显示在h1中。选定的选项卡更改，h1更改完毕。
前，我有：
<div class="header-inner">
<div class="cal-menu-na">
<h1>Text Here</h1>
</div>
</div>
<div class="navbar">
<span class=
浏览 7提问于2016-03-11得票数 3
回答已采纳
大家好。我已经想了好一阵子了。
我创建一个复选框的jQuery对象并将其存储在一个变量中：
$group1 = $('#checkbox1,#checkbox2,#checkbox3,#checkbox4');
除非选中该组中的所有复选框，否则用户无法继续。
我一直在使用一个if语句与.is(':checked')结合来找到一个布尔值：
if( $group1.is(':checked') ){
//continue is OK
}
如果在组中选中任何复选框，...but .is(':checked')将返回TRUE。本质上，
浏览 8提问于2010-09-15得票数 10
回答已采纳
2回答
我想通过Jquery实现以下目标
有多个行程，每次旅行都有复选框和文本框。
每当选中复选框时，与该复选框对应的textbox中的值必须更新为"1“。
每当客户输入文本框时，都应选中复选框。
第1次旅行
JQUERY作为
$(function () {
$("input[type=checkbox]").on('click', function () {
$(this).next().val($(this).is(':checked') ? '1' : '0');
});
$(&#
浏览 1提问于2015-03-11得票数 0
回答已采纳
我有一个只读的文本框。它用于从javascript日期选择器中获取日期输入。另一件事是我有网格视图，其中包含项目模板内的复选框。现在我想要的是，当用户点击网格中的任何复选框时，相应的日期应填写在日期文本框中，或者当用户取消选中该特定复选框时，文本框应被清除。此外，如果填写了日期文本框，并且用户选择了日期选择器中的日期，则应在日期框中填写选定的日期，并清除复选框的选择。我不知道该怎么处理这一切？？
浏览 3提问于2011-06-03得票数 0
回答已采纳
2回答
当使用WebKit浏览器(Chrome或Safari)时，如果我试图获取复选框的默认值，它会返回"“。然而，相同的javascript在Firefox或IE中将返回"on“。
假设我在一个页面上有这个复选框：
<input type="checkbox" id="chkDefaultValue">
我使用这个javascript返回页面上的所有"input“元素
var elems = document.getElementsByTagName('input');
然后，我通过一个循环来获得如下所示的值
ele
浏览 1提问于2010-11-29得票数 1
回答已采纳
我看过与JQuery方法相关的.next()文档，它声明：
给定一个表示一组DOM元素的jQuery对象，.next()方法允许我们搜索DOM树中这些元素的后续兄弟关系，并从匹配的元素中构造一个新的jQuery对象。
该方法可选择地接受与我们可以传递给$()函数的类型相同的选择器表达式。如果紧接着的同级匹配选择器，则它将保留在新构造的jQuery对象中；否则，它将被排除在外。
我试图在div中指定一个元素，如下所示：
$("input[name='first-name'").keyup(function () {
if (!name($(this
浏览 2提问于2015-07-21得票数 0
回答已采纳
我让它起作用了，但只起了一次作用。我选中第一个复选框，然后取消选中它和另一个复选框，但是当我再次选中并取消第一个复选框时，它就无效了。
这将基本上是一个单选按钮，但第二个复选框将被隐藏，所以他们将只需要选中或取消选中第一个框。
这是我的代码：
$('input').on('change', function() {
$(this).siblings().attr('checked', false);
if ($(this).prop('checked') == false) {
$(this).siblings
浏览 0提问于2016-02-07得票数 2
回答已采纳
2回答
我有一个HTML表，其中包含一个包含复选框的列。请告诉我如何使用Javascript在特定行索引上设置复选框(不使用jquery)吗？
谢谢
浏览 3提问于2013-08-28得票数 2
回答已采纳
$(".a").on('click',function(){
alert($(this).next('input[type="hidden"]').attr('value'))
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="id">
<div>
&
浏览 4提问于2015-01-12得票数 2
回答已采纳
在单击复选框时，我希望下一个最近的文本区域被禁用。
以下是片段：
<div class="pure-u-1 pure-u-md-1-5">
<input type="checkbox" value="true" class="fRegistrer" name="fRegistrer" id="fRegistrer">
</div>
<div class="pure-u-1 pure-u-md-1-5">
<textare
浏览 6提问于2015-06-22得票数 1
回答已采纳
1回答
在我的laravel应用程序中，我在表单中有一组复选框。
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="form-group">
<strong>Test List :</strong>
<br>
@foreach($ttype as $value)
<script type=
浏览 5提问于2021-07-27得票数 0
回答已采纳
3回答
当下拉菜单的选定值不是0时，我尝试使用jquery禁用复选框。我的问题是，当我选择值为0的项目时，复选框处于禁用状态，要使复选框处于禁用状态，我必须选择至少两个或更多的值，然后才会取消选中该复选框。
下面是我的代码示例：
当选定值为0时，我希望启用复选框和下拉菜单；当选定值为0以外的值时，我希望禁用该复选框。无论我从第一行、底部、行还是中间行开始，我都希望它能正常工作。
浏览 0提问于2011-07-16得票数 1
回答已采纳
3回答
您好，我需要从多个选定的输入文本表单中计算总和，这些表单是使用如下复选框选择的：
<input type="text" value="" name="satelitep">
<input type="checkbox" value="sateliteon" name="satelite">
如何使用JavaScript或jQuery完成此操作？
谢谢
浏览 0提问于2011-03-14得票数 0
4回答
当使用css单击复选框时，我试图关闭div，而不是JQuery或Javascript，但它似乎不能正常工作。我该怎么调整呢？
div[id^="div-"] {
display: block;
}
div[id^="div-"]:target {
display: none;
}
<a href="#div-1"><input type="checkbox" checked></a>
<div id="div
浏览 8提问于2016-09-02得票数 4
回答已采纳
3回答
我刚开始学习jquery，所以如果这是一个相对简单的问题，我很抱歉。我有一个ID为ChartstoDisplay的asp.net清单。我正在尝试创建jquery来来回切换样式，这取决于是否选中了单个列表项复选框。我有下面的代码，样式‘选定’应该被更改的复选框被选中为粗体绿色文本，但没有任何反应。
<script type="text/javascript">
$(document).ready(function () {
$('#ChartstoDisplay').click(function () {
浏览 1提问于2012-05-16得票数 0
回答已采纳
我的表行中有一个复选框，其属性为“结果-id”。如何使用存储在表行中的“结果-id”复选框中的值填充javascript数组。
我已经知道了如何在jquery中访问数据，现在我只想将数据存储在数组中。
它看起来有点像这样：
<td>
<input result-id="@item.Id" type="checkbox" />
</td>
这是我现在拥有的jquery，它只添加了一个项(上次单击复选框id)
$(tableBody).find('tr').each(func
浏览 1提问于2020-02-04得票数 1
回答已采纳
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
</script>
<a href="http://www.google.com" id="aGoogle1">Google Link</a>
<script type="text/javascript">
$(function()
{
console.log($('a[href=
浏览 1提问于2013-07-08得票数 1
回答已采纳
2回答
这是一个小摆设：
由于某种原因，javascript无法在js小提琴中工作。我担心的是，当我选择多个复选框时，这些值将立即正确显示，而不必提交任何按钮。
如何在当前列出所有编程语言的框中显示这些选定的值？
如何将下面的脚本修改成我想要的？
function moveAll(from, to) {
$('#'+from+' option').remove().appendTo('#'+to);
}
function moveSelected(from, to) {
$('#'+fr
浏览 4提问于2015-04-14得票数 1
回答已采纳
我正在尝试(在原生Javascript中，所以没有jQuery或任何东西)在出现div之前和之后获取内容。
HTML：
<div id="thisIsWhatIWant">
<span>foo</span>
<div id="helloWorld">hello world</div>
<p>bar</p>
</div>
所以我想把<span>foo</span>和<p>bar</p>放在单独的vars中。
浏览 1提问于2015-02-23得票数 0
回答已采纳
我正在尝试将选定的复选框值附加到隐藏字段。但我现在只成功地添加了一个复选框值。
是否可以在隐藏字段中追加选定的复选框值。
function CheckBox_Clicked(item) {
if (item.checked == true) {
$('#Chkboxvalue').val($(item).val());
}
}
我不知道我是否可以在这里使用jquery append函数。
谢谢
浏览 7提问于2012-04-17得票数 0
回答已采纳
我是jquery的新手。在我的应用程序中，我使用checkbox.for复选框，我使用css文件url，如下所示：
现在的问题是，如果互联网不可用，那么复选框样式(正常图像和选定图像)就不会出现。
因此，我通过从复制数据来创建一个名为"jquery.mobile-1.1.1.min.css“的文件。
我将上面的url替换为我的文件，如下所示：
但是复选框样式(普通图像和选定图像)不会出现。
浏览 4提问于2012-09-12得票数 0
我有一个多复选框列表，我想要获得所有的值，为选定的。我如何使用RiotJs做到这一点？
我可以用普通的javascript来做这件事，使用下面的说明：document.forms['FormName'].elements['checkBoxName'];
浏览 5提问于2017-10-28得票数 0
1回答
我正在开发一个插件，不过它现在可以工作一半了。问题是，我从复选框中得到了几个变量，但函数只对复选框的最后一个选中项(在列表中)起作用，而对其他复选框则不起作用。
我的代码：
jQuery(document).ready(function(){
jQuery('#gap-filtedit input[type=button]').click(function(){
jQuery('.filter-checkbox:checked').each(function() {
getchecked = jQuery(this).data('
浏览 7提问于2013-08-16得票数 0
回答已采纳
我正在尝试向所有通过复选框元素共享某些自定义属性的兄弟元素添加类，只要条件复选框被选中或未选中。
if (jQuery("tr[data-tt-parent-id='" + parentIdLevel_1 + "']").find(' td:first input').siblings().is(':checked') == true) {
jQuery('tr#' + parentIdLevel_1 + ' td:first').removeCla
浏览 1提问于2013-09-19得票数 0
4回答
我想在这里请求一点帮助，因为我在Javascript和jQuery方面都没有太多的知识。我需要显示5个单选按钮当复选框被选中时，复选框代表用户说的语言，所以对于每个选定的单选按钮，应该显示5个单独的单选按钮(1到5)。我试着用jQuery做到这一点，但我没能走得很远……
我的复选框就是在这里创建的(动态)：
<% for(int i = 0; i < Model.Languages.Count; i++)
{ %>
<input id="applang" name="applang" type=
浏览 0提问于2011-03-21得票数 1
1回答
我试图弄清楚如何从"form1“到"zFormer”获取/复制复选框值。
我想我需要一个javascript jquery来让它工作。将值从form1复制到zFormer或仅将复选框值复制到zFormer的脚本。
<!DOCTYPE html>
<html lang="en">
<head>
<script type='text/javascript'
src='https://ajax.googleapis.com/ajax/libs/jquery/1.7
浏览 0提问于2014-09-16得票数 0
我在page_load事件中使用以下代码在我的asp页面上动态生成复选框：
protected void Page_Load(object sender, EventArgs e)
{
for (int i = 23; i < 30; i++)
{
CheckBox cb = new CheckBox();
cb.ID = "chkd" + i.ToString();
cb.Text = "WI " + i.ToString();
浏览 0提问于2011-08-08得票数 1
我有两个组织，每个组织都有一个对等体，其中Org1获取一些数据，并仅将其中选定的数据发送到Org2进行进一步处理，它们只有一个通道。
渠道中没有其他组织，这两个组织之间只建立了一个渠道。
他们如何更新他们的账本？那么，如何在Hyperledger Fabric中实现这一点呢？
浏览 1提问于2018-05-09得票数 0
1回答
我的代码的目的是将选定的HTML行中的数据添加到JavaScript数组中，如果该行未被选中，则将其删除。
我现在有两个问题：
在第一次单击时不应用CSS样式。
我无法让jQuery选择器正确地将表数据添加/删除到数组中。
$('table tbody tr‘).click(函数(事件){ if (event.target.type !==’复选框‘){$(’：复选框‘，这个).trigger(’.trigger‘)；}$(“inputtype=‘复选框’”).change(函数(E){if($(This).is(“：复选”)){.change)$(this).closest
浏览 4提问于2015-05-02得票数 0
回答已采纳
2回答
使用类而不是ID
、、
我的父类中有两个$(this).parent('div').next('.client-rolldown').show();，其中一个是由$(this).parent('div').next('.deal-rolldown').show();找到的，另一个是div，它找不到语法上相等的div。
在WordPress中，我迭代了(未知)数量的帖子，每个帖子都有两个按钮来显示更多内容。到目前为止，我已经在每个迭代中运行了一个文档就绪函数，以解决每个按is显示的问题，但这效率很低。
因此，我正在尝试使用类来编写函数。这是JavaScri
浏览 3提问于2016-01-31得票数 2
下面是我的代码：
<!doctype html>
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<style type="text/css">
label {display:block; width:300px; height:20px;}
label.sel
浏览 0提问于2009-10-19得票数 0
回答已采纳
3回答
我有一个JQuery UI下拉列表。实际上我有两个。
在第一个选项中，设置一个为true的复选框。在该复选框的.change()中，我希望将选定的值从第一个下拉列表复制到第二个下拉列表。
使用$('#drop_1').val()，我可以得到所选的值。
我想我可以用$('#drop_1').val($('#drop_2').val())来设置它。可悲的是，这只适用于正常的下降率。是否有一种方法可以这样设置值：
$('#drop_1').find('option:selected').text();
知道我该怎么做吗？
浏览 3提问于2013-03-20得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
