Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/439.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/mercurial/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用CSS或脚本更改按钮_Javascript_Jquery - Fatal编程技术网

Javascript 使用CSS或脚本更改按钮

Javascript 使用CSS或脚本更改按钮,javascript,jquery,Javascript,Jquery,我使用数据表来显示数据,在我的数据表的每个条目的对面都有一个按钮 该按钮具有onclick,它捕获行中的参数并保存在数组中 我想在选择某个条目时更改颜色,并在取消选择时重置 这就是我正在做的 function select(name){ var property = document.getElementById('checkRule'); if( rArray.includes(name) ){ property

我使用数据表来显示数据,在我的数据表的每个条目的对面都有一个按钮

该按钮具有onclick,它捕获行中的参数并保存在数组中

我想在选择某个条目时更改颜色,并在取消选择时重置

这就是我正在做的

function select(name){
        var property = document.getElementById('checkRule');
        if( rArray.includes(name) ){
            
            property.style.backgroundColor = "#FFFFFF"
            const index = rArray.indexOf(name);
              if (index > -1) {
                  rArray.splice(index, 1);
              }
            
        }else{
            rArray.push(name);
            property.style.backgroundColor = "#28a0ff"
        }
        
        console.log('ARRAY >> ', rArray);
    }
此代码仅更改数据表的第一个元素的颜色


如何使其工作?

假设您希望在选择单选按钮并单击go之后发送ajax请求

您不需要更改html,但必须更改javascript文件

$("#go").click(() => {
  var result = $("input:radio[name='doamin']:checked").val();

  console.log("result > ", result);

  var Data = {
    result1: result,
  };

  console.log("postData > ", Data);

  $.ajax({
    url: "import",
    headers: {
      Accept: "text/plain",
      "Content-Type": "application/json",
    },
    type: "POST",
    dataType: "html",
    data: JSON.stringify(Data),
    success: function (data) {
      console.log(data);
    },
    error: function (err) {
      console.log(err);
    },
  });
});

理想情况下,您希望发送一个POST请求,因为附加了一个正文。

这不是Java。
$(“#表单”)
将一个元素与
id=“form”
匹配,但HTML中没有。@GuyIncognito。。我也试过了。。不工作你是怎么被叫到阿贾克斯的?点击某个按钮,“不工作”的信息不足以说明问题所在。您需要显示您拥有的以及console.logs打印的内容。