如何使用php和jquery检索每个相关复选框的li标记文本
使用PHP和jQuery检索每个相关复选框的li标记文本，可以通过以下步骤实现：
- 在HTML页面中，使用PHP生成相关的复选框和li标记。例如：
<ul>
<li><input type="checkbox" name="option[]" value="1"> Option 1</li>
<li><input type="checkbox" name="option[]" value="2"> Option 2</li>
<li><input type="checkbox" name="option[]" value="3"> Option 3</li>
</ul>- 在JavaScript中使用jQuery来获取选中的复选框的值，并检索对应的li标记文本。可以使用以下代码：
$(document).ready(function() {
$('input[type="checkbox"]').change(function() {
var selectedOptions = [];
$('input[type="checkbox"]:checked').each(function() {
var liText = $(this).parent().text().trim();
selectedOptions.push(liText);
});
console.log(selectedOptions);
// 可以在控制台输出选中的li标记文本，或者进行其他操作
});
});- 在PHP中处理接收到的选中复选框的值。可以使用以下代码：
if(isset($_POST['option'])) {
$selectedOptions = $_POST['option'];
// 可以对选中的复选框的值进行处理，如存储到数据库或进行其他操作
}这样，当用户选中或取消选中复选框时，jQuery会获取选中的复选框的值，并检索对应的li标记文本。PHP可以处理接收到的选中复选框的值，进行后续的操作。
注意：以上代码仅为示例，实际应用中可能需要根据具体情况进行适当的修改和完善。
相关·内容
不用说，我对jQuery非常陌生……
我有一个复选框列表，在用户选择了几个复选框之后，我正在尝试构建一个jquery调用，它将检索所选复选框的文本。这是我的资料..。
我的复选框列表(这实际上是一个更长的列表)
<li><input type="checkbox" value="1099511627776" name="group[42][1099511627776]" id="mce-group[42]-42-0"><label for="mce-group[42]-42-0">
浏览 0提问于2011-05-05得票数 1
1回答
我有一个复选框列表，它总是在增长，例如..。
<li><input type="checkbox" value="19384">Nutrition</li>
<li><input type="checkbox" value="22450">Weight Loss</li>
<li><input type="checkbox" value="98957">Fitness</li>
<li&
浏览 0提问于2014-05-18得票数 1
回答已采纳
我使用php动态创建了一组列表和复选框，为每个li标记关联一个复选框，我的问题是当我单击每个li标记的关联复选框时，我不能显示每个li标记的值。当我点击每个生成的复选框时，我得到了所有"li“标签的文本。你能帮帮我吗？下面是我的代码：
echo '<ul>';
while ($row2 = pg_fetch_array($result2))
{
echo '<div class="col-sm-10"><li class="Liste">' . $
浏览 8提问于2017-02-09得票数 0
我有一个这样的表格，里面有很多复选框
<form action="myscript.php" method="post">
<select name="myselect>
<option value="1">option1</option>
<option value="2">option2</option>
<option value="3">option3</option&
浏览 5提问于2013-08-27得票数 0
回答已采纳
3回答
我有一个锚链：
<li><a class="tab" id="watchTicket" href="#" onclick="CallPage('/section/tickets/view-ticket?action=watch&seq=<?php echo $_GET["seq"]; ?>');"><?php echo ($TicketWatched ? 'Un-Watch' : 'Watch'); ?><
浏览 1提问于2016-03-15得票数 1
回答已采纳
1回答
你好，我知道周围几乎没有相同的问题，但我找不到答案的答案，所以我第一次在这里发帖。
我里面有简单的li和标签
<li class="task">
<input type="checkbox" id="task-1" />
<label for="task-1">Random text></label>
</li>
触发“完成”类的jQuery是：
$(".task").click(function (e) {
var cb =
浏览 2提问于2016-01-05得票数 1
回答已采纳
我的页面上呈现了以下HTML：
<div class='panel'>
<div>
<div class='section'>
<ul class='properties'>
<li>
<label>Claim.Claimant</label>
<span class="value"&
浏览 6提问于2014-07-01得票数 2
回答已采纳
好的，我正在制作一个健身网站，在我的一个页面上，我展示了所有带有“锻炼”标签的帖子。在页面的左侧，我有一个标签列表，这些标签将与帖子相关联，我希望将它们用作过滤器。例如，如果选中了腹部复选框，则没有腹部标签的所有帖子都将从结果中消失。
对于视觉效果，请访问以下站点：
我想我知道如何使用以下代码根据标签过滤帖子：
<?php
$args=array(
'showposts'=>10,
'tag__not_in' => array('4','6'),
);
query_posts($args); ?>
但我不
浏览 0提问于2013-01-03得票数 0
我有一组复选框，每个复选框都与包含查询结果的" li“标签相关联，因此我也有按钮，所以当我选中多个复选框时，在单击按钮之后，我希望为每个选中的复选框显示li标记的文本。当我单击一个复选框时，我成功地显示了这个数据，但是当我选中多个复选框时，它总是显示最后一个li文本。从下面的代码中，您将注意到"item“变量会使旧文本崩溃，并且只显示最后一个" li”文本，如何为每个复选框保留两个li文本。我希望你理解我的问题。任何帮助都是非常感谢的。
下面是代码片段：
php文件：
<script type="text/javascript">
$(
浏览 2提问于2017-02-14得票数 0
3回答
假设我有两个联系。
<li><a href="#" id="VALUE1" class="charName">Name 1</a></li>
<li><a href="#" id="VALUE2" class="charName">Name 2</a></li>
当我单击其中一个链接时，jQuery将我单击的链接的ID传递给一个PHP文件，而不需要重新加载页面。
由于id不是常量，我假设this.id需要
浏览 4提问于2010-12-18得票数 0
回答已采纳
我做了一个for，我在其中放置了多个复选框，现在我想将每个选中的复选框值保存在数据库中，但我在数据库中只得到数组文本...这是我的表格代码。
<?php session_start();
include '../includes/layouts/header.php';
// Check, if username session is NOT set then this page will jump to login page
if (!isset($_SESSION['admin']))
{
header('Location:sign
浏览 5提问于2014-04-27得票数 0
1回答
当我选中任何一个复选框时，我得到了li中的值，如果我取消选中第一个复选框，然后选中第二个复选框，我希望删除第一个复选框的文本/值，如下所示：
下面是我的代码：
$('input[type="checkbox"]').bind('change', function() {
var alsoInterested = '';
$('input[type="checkbox"]').each(function(index, value) {
if (this.check
浏览 1提问于2018-01-09得票数 1
回答已采纳
2回答
我有一个像这样的html，例如：
<li><label class="desc"><font color="green">Want to get email ($<span id="price">50</span>/month)</font></label>
<input type="checkbox" checked="" id="subscribe" name="subscr
浏览 0提问于2012-11-30得票数 0
回答已采纳
8回答
我有一个带有一堆文本框的表单，这些文本框默认情况下是禁用的，然后通过使用每个文本框旁边的复选框来启用。
启用时，这些文本框中的值必须是有效的数字，但禁用时，它们不需要值(显然)。我正在使用jQuery验证插件来执行此验证，但它似乎没有完成我期望的工作。
当我单击复选框并禁用文本框时，尽管我已将depends子句添加到规则中(请参阅下面的代码)，但仍然会出现无效字段错误。奇怪的是，实际发生的情况是，错误消息显示了一瞬间，然后就消失了。
以下是复选框和文本框列表的示例：
<ul id="ItemList">
<li>
<label for=&#
浏览 2提问于2008-12-19得票数 7
回答已采纳
我有一组位置的动态复选框
<?php foreach($qry_2 as $v2) { ?>
<li class="checkbox">
<label>
<input type="checkbox" class="i-check" id="locality" name="locality[]" value="<?php echo $v2['outlet_locality'] ?>"&
浏览 0提问于2016-04-01得票数 1
4回答
我想用jQuery选择一个元素。
<ul>
<li><label><input type="checkbox" class="checkbox">checkbox1</label></li>
<ul class="list">
<li>lorem</li>
<li>lorem</li>
<li>lorem</li&
浏览 1提问于2012-05-22得票数 1
回答已采纳
我正在尝试使用锚链接选择所有复选框。单击链接时，应选择所有复选框，并将文本更改为取消选择所有复选框。
<html lang="en">
<head>
<title>Select and deselect all checkboxes using jquery</title>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<scri
浏览 5提问于2019-10-21得票数 0
回答已采纳
我在我的jQuery移动应用程序中有一个jQuery，在这个应用程序中，当单击li时，我将选择子复选框。这很好，但是它破坏了复选框本身的默认功能，使得直接单击复选框时不可能取消选中复选框。
我如何针对li，而不是代码中的复选框？
var page = $.mobile.activePage
page.on('vclick', '.item_boxes_wrapper li:not(.item_checkbox)', function(e) {
var checkbox = $(this).find(':input');
checkbo
浏览 3提问于2014-12-05得票数 0
回答已采纳
我有一个无序的文本项目列表和复选框旁边的每一个。在选中/未选中复选框和单击文本时，我都希望执行相同的功能。
我现在要说的是：
<li><input type="checkbox" class="cbox" name="adwords_list[]" value="shave club" ><p class="term"> shave club</p></li>
The JS
$(function() {
$('ol.phrases li
浏览 4提问于2013-05-09得票数 0
回答已采纳
2回答
无法单击xpath的复选框。我希望这个过程是动态的，以便传递任何参数，然后在需要的地方单击。但是，我尝试使用get input来查找文本，但这应该是错误的，因为当我查找文本(input)的父级时，它会转到另一个属性。我该如何解决这个问题呢？
HTML代码
<ul class="collapsibleList" style="display: block;">
<li class="">
<input type="checkbox" id="000375" name="0
浏览 43提问于2018-05-28得票数 0
回答已采纳
5回答
我有以下代码
<li>
<input type="checkbox" value="1" class="filter" name="Bedroom">
<a id="1" href="javascript:void(0)" class="filter1"> Bedroom </a>
</li>
<li>
<input type="checkbox
浏览 6提问于2014-04-03得票数 1
回答已采纳
4回答
我只是想在用户单击"Select All“按钮时选中页面上的所有复选框。
在正文中：
<button id="checkall">Select All</button>
jQuery：
<head>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(func
浏览 3提问于2011-09-21得票数 4
回答已采纳
在通过json检索文本信息时，我遇到了问题，并且希望将格式良好的文本信息显示为<p>标记。
设想以下案文：
描述:检索jQuery对象匹配的DOM元素。
请参阅：
如你所见，它有三条线。
当我通过PHP直接写入<p>标记时，它可以工作。
<p>echo nlbr2($comment);</p>
但是我想要的是通过JSON检索这个文本，并使用jQuery将文本发送到<p>标记。
echo json_encode(array('status' => 1, 'comment' => nl2
浏览 1提问于2015-08-04得票数 1
回答已采纳
4回答
替换浏览器中显示的所有文本
、、、、
我想用“@”替换所有显示的文本。这意味着用户将看到所有的页面都是“@”而不是文本(除了图片、iframe或页面的HTML代码中不存在的东西)。
这几乎取代了页面的html代码，但对标签和代码没有影响，只是显示给用户的文本。
例如，我想替换此页面中的所有文本：
<!DOCTYPE html>
<html>
<body>
<ul class="topnav">
<li>Item 1</li>
<li>Item 2
<ul&g
浏览 0提问于2012-06-23得票数 3
回答已采纳
1回答
我使用jquery将复选框的值附加到一个无序列表中。我不能弄清楚的是，我如何再次从列表中删除项目(切换)，只使用li作为可点击的链接，而不是取消选中复选框。
Html：
<div id="addedtolist">
<ul class='summary'>
<li class="pink">Summary</li>
<?php
$totalprice = 0;
$totalprice = $ingredient['price'] + $totalprice;
浏览 0提问于2014-04-11得票数 0
我有这样的HTML：
<li class="MostViewedProducts">
<input class="MostViewedProductsi" type="checkbox" checked="checked"/>
<span class="labels">Some Text</span>
<a class="fancybox" href="#inline40" id="tozih
浏览 1提问于2012-10-24得票数 1
回答已采纳
3回答
对于我的许多复选框之一，我有以下HTML代码(无法访问/修改)：
<input type="checkbox" class="cat_input" name="subcategory1a" value="1">
我希望将复选框转换为切换，为此，我需要一个与复选框的“ID”相关联的<label>标记。不幸的是，上面的HTML代码只有没有ID的输入标记，没有<label>标记。
要创建复选框切换，我理解需要为每个复选框提供唯一的ID和关联的<label>标记，例如：
<input
浏览 0提问于2018-02-11得票数 0
回答已采纳
我有许多文本框和复选框在我的wpf。如何将输入的值保存为单独的(任何格式)文件，以便可以在需要时加载值。
谢谢
浏览 0提问于2011-06-21得票数 0
回答已采纳
2回答
我试图通过ajax返回所有选中复选框的值。我想不出如何将这些值作为参数传递。 HTML复选框 <li><input class="customer_sales_value" id="customer_sales_1" type="checkbox" value="1"><label for="customer_sales_1">James</label></li>
<li><input class="customer_sales
浏览 21提问于2019-03-01得票数 1
2回答
如何检查单选按钮
、、
我有以下MySQL表：
| id | Title | Windows | Linux | IDE | GUI | RAD |
------------------------------------------------------------
| 1 | Software_1 | 1 | 0 | 1 | 0 | 0 |
------------------------------------------------------------
| 2 | Software_2 | 0 | 1 |
浏览 1提问于2012-02-17得票数 3
回答已采纳
2回答
我已经有一个计算单选按钮之和的代码。我改变了主意，在一个单选按钮组，并决定把它作为一个复选框。当我在复选框上勾选项时，和返回NaN。为了让jquery识别复选框值，我应该在jquery中添加/更改什么？
这是我的密码：
JQuery
< script type = "text/javascript" >
function calcscore() {
$(".calc:checked").each(function() {
score += parseInt($(this).val(), 10);
});
浏览 7提问于2016-03-03得票数 1
我有一个输出图像的php脚本，此时要选择一个图像，你必须点击一个复选框。我想要更改此设置，以便在单击父div时，复选框被设置为选中。
如果我的父div有一个不同的id，我知道该怎么做，而这个类似乎并不好用，因为它会将php输出的所有checkboxs设置为true/false。
这就是我到目前为止所知道的：
JQuery
$('#div').bind('click', function() {
var checkbox = $(this).find(':checkbox');
checkbox.attr('checked&
浏览 0提问于2012-10-25得票数 1
回答已采纳
在Laravel中，我想显示一个带有复选框和标签的表单。我这样做：
{{ Form::open(array('url'=>'fancyurl', 'method' => 'post')) }}
<p>Categories:</p>
<ul>
@foreach($categories as $c)
<li>
浏览 1提问于2015-03-24得票数 1
回答已采纳
我试图得到选定的复选框文本时，在改变。
这是我的aspx代码
<ul class="multiselect-container dropdown-menu">
<li class="">
<a tabindex="0">
<label class="checkbox">
<input type="checkbox" value="1001"> 1001</
浏览 3提问于2017-10-15得票数 1
回答已采纳
我正在从sql数据库中获取所有的社区名称，并显示带有复选框的下拉列表。为此，我使用for-each循环来显示值。 下面是我从数据库获取$results数组并将其显示在复选框中的代码 <div class="btn-group">
<button type="button" data-toggle="dropdown" title="Columns">
Columns
<b class="caret">
</b>
<
浏览 10提问于2019-06-03得票数 0
我目前正在学习JavaScript/JQuery，但在工作中遇到了一个问题。
我已经将“问题”类分配给了<a>标签，并将“答案”类分配给了<div>。当用户单击问题时，答案将向下滑动。然而，我遇到的问题是，当他们点击一个<a href="#" class="question">时，所有的<div class="answer">都会显示出来。
如何才能使它在单击时只显示其父.question的一个.answer？
这是我的HTML：
<li class="question">
浏览 1提问于2012-12-12得票数 1
4回答
我有一个值为U的复选框
选中复选框时，我想将此值输入到文本输入中。
如何使用javascript或jquery完成此操作？我需要能够做到对多个复选框和输入文本字段也
浏览 2提问于2013-10-23得票数 0
好的。超级迷茫。我试图运行我的代码，得到了多个类型的错误，而且我不完全确定它们到底是什么意思。
我要做的是创建一个带有复选框的杂货店列表，这样当选中一个复选框时，它就会添加css类“文本-装饰:直线”，当它未被选中时，它会删除这一行。帮助?谢谢您:)
Uncaught TypeError: Cannot read property 'replace' of undefined
at Function.camelCase (jquery.min.js:2)
at Function.css (jquery.min.js:2)
at init.<anon
浏览 4提问于2017-03-01得票数 0
回答已采纳
这是我的代码:我希望当我单击子链接时，它会激活，父链接也会激活。我在主菜单和子菜单的活动类中使用了css类.active。 下面的JS代码片段可以工作，但只适用于没有子菜单的菜单 $(document).ready(function($) {
var url = window.location.href;
var activePage = url;
$('.menu li a').each(function() {
var linkPage = this.href;
if (activePage == linkPage) {
$(
浏览 33提问于2018-12-31得票数 0
下面是我的一个页面中的一段HTML：
<li class="prodcat-line">
<a title="foobar" class="prodcat" href="/some/url.php">Foobar</a>
</li>
我希望能够检索到点击的li标签的url。我的"jQuery fu“不是它应该是的。我知道如何绑定"prodcat-line“类的li元素的click事件，但我不知道如何从单击的项中提取嵌套标记-有人能帮助我吗？
浏览 0提问于2011-04-11得票数 9
回答已采纳
1回答
我有一个表单，用户可以动态添加新的文本框。对于每个文本框，我都有一个复选框(用于在前端显示或隐藏的选项)。如下所示。
<ul>
<li><input type="text" name="field_name[]" /></li>
<li><input type="checkbox" name="show_hide[]" /></li>
</ul>
<input type="button"
浏览 1提问于2011-07-01得票数 0
回答已采纳
我有CSS问题。我需要使标签为我的文本输入所有相同的宽度，所以所有的标签和文字输入框正确地排列。我知道如何做到这一点，但我的css复选框是混乱的css文本输入标签。例如..。当我为文本输入添加标签标签时，它会在文本输入标签的左边显示一个复选框。
以下是我想要完成的几个例子：
(这不起作用)
(这不起作用)
HTML表单
<div id="flexbox">
<ul>
<li><label for="spd">SPD</label> <i
浏览 0提问于2013-10-20得票数 0
3回答
我有一个标记<li class="pointer-cursor">abc<li>，我正在使用jQuery在一个复选框前面加上一个标签
jQuery('.pointer-cursor').prepend('<input type = checkbox>');
其结果是
<li class="pointer-cursor"> <input type="checkbox">abc </li>，我想使用jQuery增加复选框的可点击区域，这样只
浏览 2提问于2018-09-17得票数 1
回答已采纳
我想我不能用语言来解释这件事，所以我给你们做了个小提琴：
$(document).ready(function () {
$("#clickMe").click(function(){
$("#label1").text("test1234");
$("#label2").text("test1234");
})
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js
浏览 0提问于2016-01-15得票数 2
回答已采纳
我是第一次使用jQuery (我的js知识充其量也就是很差)，并尝试创建一个基于复选框选项的部分过滤器(根据类隐藏/显示div)。
首先，我想要检索选中的每个复选框的类，所以我有类似这样的东西( div.text只是用来测试输出)。每个复选框类都对应于div的类(所有div都有多个与各个复选框匹配的类)
<ul>
<li>Size</li>
<li><input type="checkbox" class="half" />½"</li>
浏览 0提问于2012-01-13得票数 2
回答已采纳
3回答
jquery选项卡默认选项卡
、、、、
我的网页上有jQuery表格：
<script>
$(function () {
$("#tabs").tabs({
beforeLoad: function (event, ui) {
ui.jqXHR.error(function () {
ui.panel.html(
"Couldn't load this tab. " +
"We'll try to fix t
浏览 5提问于2014-09-30得票数 1
回答已采纳
2回答
我的复选框搜索过滤器有问题。
我正在使用jQuery1.10.2，在在线测试其他解决方案时，结果好坏参半，但我无法做到这一点。
设想情况：
我有以下类别表：
一级-主要禁止酷刑公约
二级-次级cat
第三级-次级cat
类别选项通过使用css下拉菜单的复选框显示。
每个类别复选框都有两个jquery函数，如下所示：
函数1 -：在ul/li中显示在页面上的上/下滑动结果。
函数2 -：第1级和第2级复选框必须分别选中/取消选中级别2和3复选框
上/下函数
<script type="text/javascript">
$(document).ready(fu
浏览 5提问于2014-01-06得票数 1
回答已采纳
1回答
我正在开发应用程序来选择基于角色的菜单。在这方面，我有父-子复选框，我希望以1、1.1、1.2、2、3的形式检索复选框复选框，但当前jQuery返回为1、1、2、2、3。
我搜索了很多东西，也很少实现，但是对于父、子、检查值的选择，我不知道。
<ul>
<li><input class="check_box" type="checkbox" value="1">Upload
<ul>
<li><input class="check_box"
浏览 0提问于2019-06-07得票数 0
回答已采纳
3回答
我想在每行检索文本区域的内容。因此，用户在该区域的每一行输入一个链接。
这是我的代码：
$links_in_textarea = get_field('links_in_textarea');
$link_trim = trim($links_in_textarea);
$link_single = explode("\n", $link_trim);
$link_single = array_filter($link_single, 'trim');
// displaying links in a list
for ($i=0; $i&l
浏览 2提问于2014-03-27得票数 0
回答已采纳
我有一个文本字段，当我在其中输入文本时，通过php/ajax对数据库进行搜索。
结果如下：
echo "<li data-lost-id='".$lostId."'>" . $lost_time_desc. "</li>";
我想将$lostId放入jQuery中的一个变量中，但我不知道如何实现。
我试过这个：
var $lostId = $(this).data('lost-id');
console.log($lostId);
但是控制台给我显示了“未定义”。
浏览 3提问于2017-03-18得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
