如果在引导数据表上选中复选框，则强制用户输入单元格值答案

【问题标题】：Force user to enter cell value if checkbox is selected on bootstrap datatable如果在引导数据表上选中复选框，则强制用户输入单元格值
【发布时间】：2015-01-15 15:41:36
【问题描述】：

我有引导数据表。我想强制用户在选定行的表的特定列上输入数据。更清楚地说，我有一个包含三个字段（选择、学生姓名、结果）的数据表，我想要什么，当用户选择一个学生时，他们应该在文本框中输入结果。我不知道该怎么做。我是 Javascript 新手，但这样的东西应该有帮助吗？

 $(function() {
    $(".checkbox").click(function() {
        if(this.checked) {
       //get selected column value and user on blur event and show alert
 } 
}

但我不知道该怎么做，请帮助我。

我尝试过以下方法，但它并不整洁，

$(function(){
            $('td').click(function(){
                $('#dbResultsTable input[type="checkbox"]:checked').each(function(){
                    var $row = $(this).parents('tr'); 
                   if($row.find('td:eq(1) input').val()==""){
                   alert('please enter Result');
                   }
                });
            });
        });

【问题讨论】：

它被称为“表单数据验证”，关于这个有成千上万的问题。您可以自己编写或使用 jQuery 插件。

标签： javascript jquery twitter-bootstrap validation jquery-events

【解决方案1】：

我终于解决了，这是解决方案。希望它可以帮助某人

  function enableValidationOnSelectedCheckBox(id) {
    var checkboxSelect = document.getElementById('checkId_'+id);
     var requiredField= document.getElementById(id);
    if(checkboxSelect.checked!=true){
      // Do  nothing 
         $("#"+id).removeClass("focus");
     }
    else{
       if(requiredField.value.length>0){
         $("#"+id).removeClass("focus");
        }else{
        alert('Please don leave this field as empty');
        }
    }
}

【讨论】：