如果在 bootstrap 数据表上选中了复选框,则强制用户输入单元格值
Force user to enter cell value if checkbox is selected on bootstrap datatable
我有 bootstrap 个数据table。我想强制用户在 select 行的 table 的特定列中输入数据。更清楚地说,我有一个数据table,它有三个字段(select、学生姓名、结果),我想要的是,当用户select是学生时,他们应该在文本框中输入结果.我不知道该怎么做。我是 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');
}
});
});
});
终于解决了,这里是解决方法。希望对某人有所帮助
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');
}
}
}
我有 bootstrap 个数据table。我想强制用户在 select 行的 table 的特定列中输入数据。更清楚地说,我有一个数据table,它有三个字段(select、学生姓名、结果),我想要的是,当用户select是学生时,他们应该在文本框中输入结果.我不知道该怎么做。我是 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');
}
});
});
});
终于解决了,这里是解决方法。希望对某人有所帮助
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');
}
}
}