checkbox 设置的问题

Question

页面中，原代码如下：
  <div>
  <input name="lp" type="checkbox" style="margin-bottom:-1px;" value="1"> a   
  </div>
  <div>
  <input name="esf" type="checkbox" style="margin-bottom:-1px;" value="1"> b   
  </div>
  <div>
  <input name="price[]" type="checkbox" style="margin-bottom:-1px;" value="1"> 1   
  <input name="price[]" type="checkbox" style="margin-bottom:-1px;" value="2"> 2   
  </div>1刚进页面时，最后一排的条件是不可用的，复选框和文字都要为灰色,
2点击了上面的a和b中的任何一项后，这一排变为可用
这如何实现呀，thanks

Answer 1

给div加一个id值.如果a或b任一个disabled为false哪么id值里的checked box 的disabled为false参考一下:
http://topic.csdn.net/u/20070921/18/17a06e0a-058c-45dc-b1fa-fa485bf29ca0.html

Answer 2

$(document).ready(function()
{    
var lp = document.getElementById("lp");
var esf = document.getElementById("esf");
if(lp.checked || esf.checked )
{
   document.getElementById('choice').style.display='block';    var a = document.getElementsByName('price[]');
   var l = a.length; 
   while(l--) 
   a[l].checked=true;    var b = document.getElementsByName('units[]');
   var l = b.length; 
   while(l--) 
   b[l].checked=true;

   var c = document.getElementsByName('district[]');
   var l = c.length; 
   while(l--) 
   c[l].checked=true;
}
else
{
document.getElementById('choice').style.display='none';
   var a = document.getElementsByName('price[]');
   var l = a.length; 
   while(l--) 
   a[l].checked=false;    var b = document.getElementsByName('units[]');
   var l = b.length; 
   while(l--) 
   b[l].checked=false;

   var c = document.getElementsByName('district[]');
   var l = c.length; 
   while(l--) 
   c[l].checked=false;
}
});