首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何获取选中的单选按钮和剩余的td的值,但不包括未选中的单选按钮( tr)

获取选中的单选按钮和剩余的td的值,但不包括未选中的单选按钮(tr)的方法如下:

  1. 首先,使用JavaScript获取所有的单选按钮和对应的td元素。可以通过document.querySelectorAll方法选择所有的单选按钮和td元素,可以使用CSS选择器来指定元素的选择条件。
代码语言:txt
复制
var radioButtons = document.querySelectorAll('input[type="radio"]:checked');
var tdValues = document.querySelectorAll('td');
  1. 然后,遍历所有的单选按钮,获取选中的单选按钮的值以及对应的td的值。
代码语言:txt
复制
var selectedValues = [];
for (var i = 0; i < radioButtons.length; i++) {
  var radioButton = radioButtons[i];
  var tdValue = tdValues[i].textContent;
  selectedValues.push({
    radioButtonValue: radioButton.value,
    tdValue: tdValue
  });
}
  1. 最后,获取剩余的td的值,即未选中的单选按钮对应的td的值。
代码语言:txt
复制
var remainingValues = [];
for (var i = radioButtons.length; i < tdValues.length; i++) {
  var tdValue = tdValues[i].textContent;
  remainingValues.push(tdValue);
}

完整的代码示例:

代码语言:txt
复制
var radioButtons = document.querySelectorAll('input[type="radio"]:checked');
var tdValues = document.querySelectorAll('td');

var selectedValues = [];
for (var i = 0; i < radioButtons.length; i++) {
  var radioButton = radioButtons[i];
  var tdValue = tdValues[i].textContent;
  selectedValues.push({
    radioButtonValue: radioButton.value,
    tdValue: tdValue
  });
}

var remainingValues = [];
for (var i = radioButtons.length; i < tdValues.length; i++) {
  var tdValue = tdValues[i].textContent;
  remainingValues.push(tdValue);
}

console.log("选中的单选按钮和对应的td的值:", selectedValues);
console.log("剩余的td的值:", remainingValues);

这样,你就可以获取选中的单选按钮和剩余的td的值,但不包括未选中的单选按钮(tr)了。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

没有搜到相关的合辑

领券