Gridview选中/取消选中复选框，然后启用/禁用所有文本框 [英] Gridview check/uncheck check box then all textbox are enabled/ disable

问题描述

场景：



在我的gridview标题中有复选框和文本框。



如果我检查gridview标题复选框，并在文本框中提供批准/拒绝状态。



gridview复选框和文本框的每一行都将被禁用并更新为gridview标题文本框的状态。



例如 -

在标题文本框中如果我在文本框中写入批准，则每行将更新为批准，并将在数据库中更新。





其次，如果我检查gridview行复选框，将启用文本框，并且会更新相关字段..



帮助会很明显...

解决方案

这可以通过使用javascript来实现。



用于选择/取消选中的Javascript复选框：

  function  selectAllCheckBox（event，containerId， boolChecked）{
  var  collection =  document  .getElementById（containerId）.getElementsByTagName（ '  INPUT'）; 
  for （ var  x =  0 ; x< collection.length; x ++）{
  if （collection [x] .type.toUpperCase（）== '  CHECKBOX'）
 collection [x] .checked = boolChecked; 
} 
 event.preventDefault（）; 
  return   false ; 
} 

用于更新所有文本框的Javascript：

  function  changeReadOnly（event，containerId，isReadOnly）{
  var  collection =  document  .getElementById（containerId）.getElementsByTagName（'  INPUT'）; 
  for （ var  x =  0 ; x< collection.length; x ++）{
  if （collection [x] .type.toUpperCase（）== '  TEXT'）
 collection [x] .readOnly = isReadOnly; 
} 
 event.preventDefault（）; 
  return   false ; 
} 

样本HTML：

 <  输入   类型  = 提交    value   = 全选    onclick   =  返回selectAllCheckBox（事件，'divGrid'，true）; >  
 <  输入    type   =  submit   值  = 选择无    onclick   =  return selectAllCheckBox（event，'divGrid'，false）; >  
 <  输入    type   = 提交    value   = 只读= true    onclick   =  return changeReadOnly（event，'divGrid'，true）; >  
 <   input     type   =  submit    value   = 只读= false    onclick   =  return changeReadOnly（event，'divGrid'，false）; >  
 
 
 
 <   div     id   =  divGrid >  
 
 <！ -     GridView转到此处   - >   
 
 <   / div  >  

Scenario:

In my gridview header there are checkbox and textbox.

If i check gridview header checkbox and provide approve /reject status in textbox.

Every rows of gridview checkbox and textbox will be disabled and updated with status of gridview header textbox.

for example-
in header textbox if i write approve in textbox each rows will be updated with approve and will be updated in database.


secondly if i check gridview rows checkbox and textbox will be enable and alternatly relevant field will be updated..

help would be appreciable...

解决方案

This could be achieved by using javascript.

Javascript for select/unselect checkbox:

function selectAllCheckBox(event, containerId, boolChecked) {
    var collection = document.getElementById(containerId).getElementsByTagName('INPUT');
    for (var x = 0; x < collection.length; x++) {
        if (collection[x].type.toUpperCase() == 'CHECKBOX')
            collection[x].checked = boolChecked;
    }
    event.preventDefault();
    return false;
}

Javascript for updating all textbox:

function changeReadOnly(event,containerId,isReadOnly) {
	var collection = document.getElementById(containerId).getElementsByTagName('INPUT');
    for (var x = 0; x < collection.length; x++) {
        if (collection[x].type.toUpperCase() == 'TEXT')
            collection[x].readOnly = isReadOnly;
    }
    event.preventDefault();
    return false;
}

Sample HTML:

<input type="submit" value="select all" onclick="return selectAllCheckBox(event,'divGrid', true);">
<input type="submit" value="select none" onclick="return selectAllCheckBox(event,'divGrid', false);">
<input type="submit" value="Read Only = true" onclick="return changeReadOnly(event,'divGrid',true);">
<input type="submit" value="Read Only = false" onclick="return changeReadOnly(event,'divGrid',false);">



<div id="divGrid">

<!--GridView goes here-->

</div>

这篇关于Gridview选中/取消选中复选框，然后启用/禁用所有文本框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！