测试表格中的复选框是否被选中

我有这个巨大的（1334页）表格。我的问题：我如何测试所有创建的复选框并确定它们是否被“检查”？也许应该以另一种方式输入“复选框”？这是来自.ftl文件的代码的一部分。对我来说理解所有编码是个问题。测试表格中的复选框是否被选中

[#list result.content as item] 
    [#assign publicationType = (item.esbPublicationType)?default("не опубликован") /] 
    <tr> 
     <td> 
      <p><input type="checkbox" name="checkbox"</p> 
     </td> 
     <td> 
      ${(item.createdTime.time?string("dd.MM.yyyy HH:mm:ss"))?default("не известно")} 
     </td> 
     <td> 
      ${(item.visit.branchOffice.name)?default("не известно")} 
     </td> 
     <td> 
      <a href="#" class="[#if publicationType == "ERROR"]alert round label[/#if] publication-info" visit_id="${item.visit.id}"> 
      ${publicationType} 
      </a> 
     </td> 
     <td class="text-center"> 
      [#--<a href="#" class="tiny round visit-info" visit_id="${item.visit.id}">Просмотр визита</a>--] 
      <a href="[@spring.url "/visit/publicate?id=" + item.visit.id/]" 
       target="_blank" class="tiny round publicate" visit_id="${item.id}">Опубликовать</a> 
     </td> 
    </tr> 
[/#list] 

[#list result.content as item] 
    [#assign publicationType = (item.esbPublicationType)?default("не опубликован") /] 
    <tr> 
     <td> 
      <p><input type="checkbox" name="checkbox"</p> 
     </td> 
     <td> 
      ${(item.createdTime.time?string("dd.MM.yyyy HH:mm:ss"))?default("не известно")} 
     </td> 
     <td> 
      ${(item.visit.branchOffice.name)?default("не известно")} 
     </td> 
     <td> 
      <a href="#" class="[#if publicationType == "ERROR"]alert round label[/#if] publication-info" visit_id="${item.visit.id}"> 
      ${publicationType} 
      </a> 
     </td> 
     <td class="text-center"> 
      [#--<a href="#" class="tiny round visit-info" visit_id="${item.visit.id}">Просмотр визита</a>--] 
      <a href="[@spring.url "/visit/publicate?id=" + item.visit.id/]" 
       target="_blank" class="tiny round publicate" visit_id="${item.id}">Опубликовать</a> 
     </td> 
    </tr> 
[/#list]

我试过，但它不工作：

<script type="text/javascript"> 
var button = document.getElementById("button"); 
button.addEventListener("click", function(){ 
    var checkbox = document.getElementsByName("checkbox"); 
    for(i=0; i < checkbox.length; i++) 
    { 
     if(checkbox[i].checked){ 
     console.log("Work"); 
    }else{ 
     alert("Ни один из визитов не выбран"); 
    } 
    } 
}, false);

来源

2014-07-16 Ilya Beleychev

使用'：checked'输入复选框... – j809

请详细说明一下我_how可以检查布尔值，所有创建的复选框“检查” _如果你要检查所有的人，你可以用'$（'？（'checked'，true）' – Satpal

你想*设置*所有复选框选中/取消选中，或者你想*测试*如果他们都被检查？ –

要检查所有的复选框，使用$(':checkbox').prop('checked', true);

<p><input type="checkbox" /></p> 
<p><input type="checkbox" /></p> 
<p><input type="checkbox" /></p> 
<p><input type="checkbox" /></p> // all unchecked 

// on document ready (or whenever you need) 
$(':checkbox').prop('checked', true); 

// Chekboxes are now all checked

http://jsfiddle.net/daCrosby/7QLEj/

如果您想确定是否选中了复选框，请使用$('selector').prop("checked")。

<p><input type="checkbox" checked /></p> 
<p><input type="checkbox" checked /></p> 
<p><input type="checkbox" checked /></p> 
<p><input type="checkbox" /></p> 
<p><input type="checkbox" /></p> 
<p><input type="checkbox" checked /></p> 
<p><input type="checkbox" /></p> 
<p><input type="checkbox" checked /></p> 
<p><input type="checkbox" /></p> 

// on document ready (or whenever you need) 
$(':checkbox').each(function(){ 
    if ($(this).prop("checked")) 
     $(this).parent().append("<span>This is checked</span>"); 
});

http://jsfiddle.net/daCrosby/7B6t7/

来源

2014-07-16 06:42:53 DACrosby

我的错误，我的英语是如此糟糕，但我需要测试这个布尔值，而不是设置。谢谢。 –

没问题@IlyaBeleychev - 查看我的更新。 – DACrosby

这真是我需要的。万分感谢！ –

为了试试这个来 '检查' 的所有复选框在表内：

$(function() { 

    $("table [type=checkbox]").attr("checked", true); 
});

为了测试它是否被选中与否：

if ($("table [type=checkbox]").attr("checked")==true){ 
    alert("checked"); 
}else{ 
    alert("not checked");  
}

我可能在代码中发现一个小错误，请正确关闭输入标记

<td> 
     <p><input type="checkbox" name="checkbox"/></p> 
    </td>

来源

2014-07-16 06:50:07 Silz

谢谢，现在关闭） –

测试表格中的复选框是否被选中

回答

相关问题