Javascript 将单选按钮的值添加到两个不同的列中_Javascript_Jquery_Html_Css

Javascript 将单选按钮的值添加到两个不同的列中

javascript jquery html css

Javascript 将单选按钮的值添加到两个不同的列中,javascript,jquery,html,css,Javascript,Jquery,Html,Css,好的，现在我的代码，将前6个单元格的值加在标有“总体”的列中。我一直试图让它只做“总体”列的前5个单元格，并将“出勤率”值添加到标记为“出勤率”的列中，但将“出勤率”值中选择的单选按钮的值除以10，以便如果选择了“6”，0.6将显示在“出勤率”列中在一个不相关的主题中，完成此操作后，是否可以在“出席系数”列中显示的值之前添加文本，即显示的是“x 0.6”，而不是“0.6” 无论如何，这是我的代码： var总体=$‘总体’； $document.readyfunction{ $'：radio.

好的，现在我的代码，将前6个单元格的值加在标有“总体”的列中。我一直试图让它只做“总体”列的前5个单元格，并将“出勤率”值添加到标记为“出勤率”的列中，但将“出勤率”值中选择的单选按钮的值除以10，以便如果选择了“6”，0.6将显示在“出勤率”列中

在一个不相关的主题中，完成此操作后，是否可以在“出席系数”列中显示的值之前添加文本，即显示的是“x 0.6”，而不是“0.6”

无论如何，这是我的代码：

var总体=$‘总体’； $document.readyfunction{ $'：radio.change函数{ var行=$this.closest'.item'； var checkedItems=行。查找：选中如果checkedItems.length==6{ row.findtd.total.htmlgetOverallcheckedItems； } } 函数getOverall_checkedItems{ var合计=0； _checkedItems.eachfunction{ 总计+=parseFloat$this.val； }; 返回总数； } }; var tableToExcel=函数{ var uri='data:application/vnd.ms excel；base64，' ，模板=“{工作表}{表格}” ，base64=函数{return window.btoaunescapeencodeURIComponents} ，format=functions，c{return s.replace/{\w+}/g，functionm，p{return c[p]；} 返回函数表，名称{ 如果！table.nodeType table=document.getElementByIdtable var ctx={工作表：名称| |'工作表'，表：table.innerHTML} window.location.href=uri+base64formattemplate，ctx } } 桌子{ 字体系列：arial，无衬线；边界塌陷：塌陷；宽度：115%； } 运输署， th{ 边框：1px实心DDDD；文本对齐：左对齐；填充物：5px；文本对齐：居中 } tr：第n个孩子{ 背景色：DDDD； } div{ 填充顶部：10px； } 团队游戏者数字滑冰射击经过冰球控制团队合作出席全面的出勤率 1. 2. 3. 4. 5. 6. 7. 8. 9 10 1. 2. 3. 4. 5. 6. 7. 8. 9 10 1. 2. 3. 4. 5. 6. 7. 8. 9 10 1. 2. 3. 4. 5. 6. 7. 8. 9 10 1. 2. 3. 4. 5. 6. 7. 8. 9 10 1. 2. 3. 4. 5. 6. 7. 8. 9 10 1. 2. 3. 4. 5. 6. 7. 8. 9 10 1. 2. 3. 4. 5. 6. 7. 8. 9 10 1. 2. 3. 4. 5. 6. 7. 8. 9 10 1. 2. 3. 4. 5. 6. 7. 8. 9 10 1. 2. 3. 4. 5. 6. 7. 8. 9 10 1. 2. 3. 4. 5. 6. 7. 8. 9 10 这应该做到：

$(document).ready(function() {
  $(':radio').change(function() {
    var row = $(this).closest('.item'); 
    var checkedItems = row.find(":checked")
    if (checkedItems.length == 6) {
      row.find("td.overall").html(getOverall(checkedItems));
      row.find("td.attendance").html(getAttendance(checkedItems));
    }
  })

  function getOverall(_checkedItems) {
    var total = 0;
    var cnt = 0;
    _checkedItems.each(function() {
      if(cnt++ < 5)
        total += parseFloat($(this).val());
    });
    return total;
  }
  function getAttendance(_checkedItems) {
    var attendance = 0;
    var cnt = 0;
    _checkedItems.each(function() {
      if(cnt++ == 5)
        attendance = parseFloat($(this).val());
    });
    return ("x " + (attendance/10).toFixed(1));
  }
});

您可以在这里尝试：

这应该可以：

$(document).ready(function() {
  $(':radio').change(function() {
    var row = $(this).closest('.item'); 
    var checkedItems = row.find(":checked")
    if (checkedItems.length == 6) {
      row.find("td.overall").html(getOverall(checkedItems));
      row.find("td.attendance").html(getAttendance(checkedItems));
    }
  })

  function getOverall(_checkedItems) {
    var total = 0;
    var cnt = 0;
    _checkedItems.each(function() {
      if(cnt++ < 5)
        total += parseFloat($(this).val());
    });
    return total;
  }
  function getAttendance(_checkedItems) {
    var attendance = 0;
    var cnt = 0;
    _checkedItems.each(function() {
      if(cnt++ == 5)
        attendance = parseFloat($(this).val());
    });
    return ("x " + (attendance/10).toFixed(1));
  }
});

您可以在这里尝试：

您可以这样做，它主要是从整体数据的执行中过滤考勤单选按钮，并将其与其他单选按钮分开

var总体=$‘总体’； $document.readyfunction{ $'：radio.changefunction{ var行=$this.closest'.item'； var checkedItems=row.find:checked:not:radio[name='attention'] ife.target.name！=出席人数{ 如果checkedItems.length==5{ row.findtd.total.htmlgetOverallcheckedItems； } }否则{ row.findtd.attention.htmlx+parseFloat$this.val/10.toFixed1； } } 函数getOverall_checkedItems{ var合计=0； _checkedItems.eachfunction{ 总计+=parseFloat$this.val； }; 返回总数； } }; var tableToExcel=函数{ var uri='data:application/vnd.ms excel；base64，' ，模板=“{工作表}{表格}” ，base64=函数{return window.btoaunescapeencodeURIComponents} ，format=functions，c{return s.replace/{\w+}/g，functionm，p{return c[p]；} 返回函数表，名称{ 如果！table.nodeType table=document.getElementByIdtable var ctx={工作表：名称| |'工作表'，表：table.innerHTML} window.location.href=uri+base64formattemplate，ctx } } 桌子{ 字体系列：arial，无衬线；边界塌陷：塌陷；宽度：115%； } 运输署， th{ 边框：1px实心DDDD；文本对齐：左对齐；填充物：5px；文本对齐：居中 } tr：第n个孩子{ 背景色：DDDD； } div{ 填充顶部：10px； } 团队游戏者数字滑冰射击经过冰球控制团队合作出席全面的出勤率 1. 2. 3. 4. 5. 6. 7. 8. 9 10 1. 2. 3. 4. 5. 6. 7. 8. 9 10 1. 2. 3. 4. 5. 6. 7. 8. 9 10 1. 2. 3. 4. 5. 6. 7. 8. 9 10 1. 2. 3. 4. 5. 6. 7. 8. 9 10 1. 2. 3. 4. 5. 6. 7. 8. 9 10 1. 2. 3. 4. 5. 6. 7. 8. 9 10 1. 2. 3. 4. 5. 6. 7. 8. 9 10 1. 2. 3. 4. 5. 6. 7. 8. 9 10 1. 2. 3. 4. 5. 6. 7. 8. 9 10 1. 2. 3. 4. 5. 6. 7. 8. 9 10 1. 2. 3. 4. 5. 6. 7. 8. 9 10

你可以这样做，它主要是从整体数据的执行中过滤考勤单选按钮，并将其与其他数据分开

是否可以这样做，当您在考勤上单击“10”时，它会显示“x1.0”而不是“x1”？@ChippeRockTheMurph当然会更新我的答案，解析答案并使用.toFixed1。1是右边的数字。@Rolijon谢谢。是否可以将其设置为当您在考勤上单击“10”时，它会显示“x1.0”而不是“x1”？@ChippeRockTheMurph当然会更新我的答案，解析答案并使用.toFixed1。1是右边的数字。@Rolijon谢谢。是否可以这样做，当您在考勤上单击“10”时，它会显示“x1.0”而不是“x1”？只需执行以下操作：返回x+考勤/10.toFixed1；是否可以使其在您单击“10”时

考勤时显示“x1.0”而不是“x1”？只需执行以下操作：返回x+考勤/10.toFixed1；