如果父复选框未被选中，则获取父复选框值

Get parent checkbox value if its parent is not checked

本文关键字：复选框 获取 如果      更新时间：2023-09-26

我想获得父复选框的值只有当它被选中，它的父复选框不是。例如，如果我检查管理器1，我应该只得到管理器1。总统也是如此。但是如果我检查助理经理1到3，我应该只得到助理经理1到3。

我有这个JS，但我被这行卡住了如果($(txtbox).is(':checked')==false)。它总是返回true，即使父元素没有被检查。

下面是JS代码片段: 
$('#xxx').on('click',function () { 
     var hid = new Array();
     var counter = 0;    
     $('ul li input[type=checkbox]').each(function () {   
         if($(this).is(':checked')){   
           var chk = $(this);
            li = chk.closest('li');
            ul = li.parent();   
            parentli = ul.parent();
            if($(parentli).prop("tagName")=="LI"){
                txtbox = parentli.find('input');
                alert($(txtbox).is(':checked'));
                if($(txtbox).is(':checked')==false){
                     hid[counter] = chk.val();
                     counter++;
               }
            }else{
                hid[counter] = chk.val();
            }
     }
  });
});

这里是html:

<ul>
  <li><label><input type="checkbox" value="Administration" />Administration</label>
    <ul>
        <li><label><input type="checkbox" value="President" />President</label>
            <ul>
                <li><label><input type="checkbox" value="manager 1" />Manager 1</label>
                    <ul>
                        <li><label><input type="checkbox" value="asst manager 1"/>Assistant Manager 1</label></li>
                        <li><label><input type="checkbox" value="asst manager 2"/>Assistant Manager 2</label></li>
                        <li><label><input type="checkbox" value="asst manager 3"/>Assistant Manager 3</label></li>
                    </ul>
                </li>
                <li><label><input type="checkbox" value="manager 2"/>Manager 2</label></li>
                <li><label><input type="checkbox" value="manager 3"/>Manager 3</label></li>
            </ul>
        </li>
        <li><label><input type="checkbox" value="Vice President"/>Vice President</label>
            <ul>
                <li><label><input type="checkbox" value="Manager 4"/>Manager 4</label></li>
                <li><label><input type="checkbox" value="Manager 5"/>Manager 5</label></li>
                <li><label><input type="checkbox" value="Manager 6"/>Manager 6</label></li>
            </ul>
      </li>
   </ul>
  </li>
</ul>
<input type="button" id="xxx"  value="click" />

演示:http://jsfiddle.net/Er6Rx/1/

使用说明:

$(txtbox).prop('checked')
不是

$(txtbox).is(':checked')

我不知道你在用这些代码做什么，但从我的阅读来看，这听起来像是你想要的:

http://jsfiddle.net/Er6Rx/8/

$('#xxx').on('click',function(){
      var selected = '';
    $('input[type=checkbox]').each(function () {
          var sThisVal = (this.checked ? "1" : "0");
                         if(sThisVal==true)
                         {
                                 selected += '<li>'+$(this).attr('value')+'</li>';
                         }
                            });
    $('.checkedboxes').append('<ul>'+selected+'</ul>');
});
相关文章：