如何检索父母和孩子复选框的值检查

Question

我有这个问题，我有两个检查父母和孩子的代码。但问题是我不知道如何检索到底值..在这里，包括父母和孩子

<ul id="jobCat"> 
     <li> 
      <input id="s9" class="parent" type="checkbox" name="jobCat" value="Accounting/Finance" 
      />Accounting/Finance</li> 
     <li> 
      <input id="s15" class="parent-s9" type="checkbox" name="jobCat" value="Banking/Financial" 
      /><span>Banking/Financial</span> 
     </li> 
     <li> 
      <input id="s16" class="parent-s9" type="checkbox" name="jobCat" value="General/Cost Acct" 
      /><span>General/Cost Acct</span> 
     </li> </ul> 

---

这里jQuery的

var checkboxHandlerObj = { 

    init: function() { 
     $('#jobCat input:checkbox[class="parent"]').click(checkboxHandlerObj.parentClicked); 
     $('#jobCat input:checkbox[class^="parent-"]').click(checkboxHandlerObj.childClicked); 
    }, 
    parentClicked: function() { 
     var parentCheck = this.checked; 
     $('#jobCat input:checkbox[class="parent-' + $(this).attr('id') + '"]').each(function() { 
      this.checked = parentCheck; 
     }); 
    }, 
    childClicked: function() { 
     var temp = $(this).attr('class').split('-'); 
     var parentId = temp[1]; 
     $('#' + parentId)[0].checked = $('#jobCat input:checkbox[class="' + $(this).attr('class') + '"]:checked').length !== 0; 
    } 
}; 

checkboxHandlerObj.init(); 

这里的复选框列表..我点击财务/财务复选框后，它选择所有。但这并不显示最终的价值，所以我想要的是我想在最后展示他们所有人（父母和孩子）。我很困惑如何编码..请帮助我的人..

Answer 1

请看看小提琴。这可能给你一些想法如何做到这一点..

http://jsfiddle.net/Gy9Jq/

您需要更改如下功能：

parentClicked: function() { 
     var parentCheck = this.checked; 
     var values='i'; 
     $('#jobCat input:checkbox[class="parent-' + $(this).attr('id') + '"]').each(function() { 
      this.checked = parentCheck; 
      values+=this.attr('value'); 
     }); 
     alert('hi'); 
    }, 

检查更新小提琴觉得这儿过得这为u想要什么：

http://jsfiddle.net/Gy9Jq/6/