Javascript 已单击行的Jquery切换元素

这应该是一个客户机列表，您可以在其中单击行来选择它们，然后将它们提交到database for cron job以拾取它们并向它们发送电子邮件

我尝试高亮显示行而不是使用复选框，这就是为什么我放置两个隐藏元素的原因 一个用于客户端id，另一个-bool用于检查行是否已被单击

我不知道如何切换特定行的元素值（选中）

安德鲁鸵鸟
AO公司
7537535
ao@aocompany.com
布伦登·埃文斯
现代艺术学院
648648468
bevans@ioma.co.uk
鲁迪·汤普森
海洋公司
95939288
Rudee@mcorp.es

​ 也，

---

问题的一部分是服务器无法识别已检查的客户端ID。所有

input[type=checkbox]

共享相同的

name

属性，该属性用于标识每个参数

如果将

name

属性更改为

checked[\uu\u ID\uu]

，则可以循环参数并将这些记录提交到数据库

在PHP中，您将执行以下操作

<?php

$checked = $_POST['checked'];

foreach( $checked as $id ) {
  // do something with the $id here
}

jQuery

$(function () {
  $('.contactrow').click(function () {
    var checkbox = $(this).find('input[type=checkbox]');
    checkbox.prop('checked', !checkbox.prop('checked'));
    $(this).toggleClass('contactrow_highlight');
  });  
});

---

部分问题是服务器无法识别已检查的客户端ID。所有

input[type=checkbox]

共享相同的

name

属性，该属性用于标识每个参数

如果将

name

属性更改为

checked[\uu\u ID\uu]

，则可以循环参数并将这些记录提交到数据库

在PHP中，您将执行以下操作

<?php

$checked = $_POST['checked'];

foreach( $checked as $id ) {
  // do something with the $id here
}

jQuery

$(function () {
  $('.contactrow').click(function () {
    var checkbox = $(this).find('input[type=checkbox]');
    checkbox.prop('checked', !checkbox.prop('checked'));
    $(this).toggleClass('contactrow_highlight');
  });  
});

---

我测试了这个，它对我有效

$(function () {
    $('.contactrow').click(function () {
        $(this).toggleClass("contactrow_highlight");
        $(this).find("input").each(function(){
            if($(this).attr("name") == "checked"){
                if($(this).val() == "FALSE"){
                    $(this).val("TRUE");
                } else {
                    $(this).val("FALSE");                   
                }
            }
        });
    });
})

---

我测试了这个，它对我有效

$(function () {
    $('.contactrow').click(function () {
        $(this).toggleClass("contactrow_highlight");
        $(this).find("input").each(function(){
            if($(this).attr("name") == "checked"){
                if($(this).val() == "FALSE"){
                    $(this).val("TRUE");
                } else {
                    $(this).val("FALSE");                   
                }
            }
        });
    });
})

给你：

您可以获得所单击行元素的第一个子元素的同级，第三个子元素似乎是所需的元素。 然后，您可以简单地切换该值：

var inputElement = this.firstChild.nextSibling.nextSibling.nextSibling;
inputElement.value = (inputElement.value != "true")

（我使用了！=因为字符串“false”的计算结果仍然为true）
而且它甚至不使用jQuery来循环所有内容。

给你：

您可以获得所单击行元素的第一个子元素的同级，第三个子元素似乎是所需的元素。 然后，您可以简单地切换该值：

var inputElement = this.firstChild.nextSibling.nextSibling.nextSibling;
inputElement.value = (inputElement.value != "true")

（我使用了！=因为字符串“false”的计算结果仍然为true）

---

而且它甚至不使用jQuery循环所有内容。

您想要这样的东西吗：您想要这样的东西吗：谢谢！你帮了我很多！非常感谢。你帮了我很多！