[英]Get parent checkbox value if its parent is not checked
我仅想获取父复选框的值,而未选中它的父复选框。 例如,如果我检查Manager 1,则我只能得到Manager1。总裁也是如此。 但是,如果我检查Assistant Manager 1至3,则应该只获得Assistant Manager 1至3。
我有这个JS,但我坚持使用if($(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')
我不确定所有这些代码在做什么,但是从我阅读的内容看来,这就是您想要的:
$('#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>');
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.