[英]selection check of select Box
我无法检查StartAll和StopAll
我要实现的是->
1>选中所有复选框,将选中并禁用所有功能(stopall除外)。
2>在选择Stopall时,所有功能将被取消选择并禁用。
3> B,D和E的值将在文本框中选择。
这是jsfiddle链接: http : //jsfiddle.net/bigzer0/PKRVR/5/
<div align="center" id="checkboxes">
<input type="checkbox" name="startall" data-name="Startall" class="check" id="check" value="all"> All
<input type="checkbox" name="stopall" data-name="Stopall" class="check" id="check" value="stopall"> STOPall
<input type="checkbox" name="apple" data-name="Apple" class="check" id="check" value="a"> Apple
<input type="checkbox" name="ball" data-name="Ball" disabled="disabled" checked="checked" id="check" value="b"> Ball
<input type="checkbox" name="cat" data-name="Cat" class="check" id="check" value="c"> Cat
<input type="checkbox" name="dog" data-name="Dog" checked="checked" disabled="disabled" id="check" value="d"> Dog
<input type="checkbox" name="elephant" data-name="Elephant" disabled="disabled" checked="checked" id="check" value="e">
Elephant
</div>
<input type="text" name="policyName" id="policyName" title="Policy Name" class="cpolicyname" value="Start" readonly="readonly" >
<input type="text" name="features" title="Policy Features" class="cfeatures" id="features" readonly="readonly" size="60">
我的(噩梦)jQuery:
$(document).ready(function() {
$('.check').click(function(){
$("#policyName").val('Start');
$("#features").val('');
$(".check").each(function(){
if($(this).prop('checked')){
$("#policyName").val($("#policyName").val() + $(this).val());
$("#features").val($("#features").val() + $(this).data('name'));
}
});
});
});
任何意见将不胜感激和欢迎。
你为什么还要这样呢? 您甚至都不检查单击了哪个按钮。 给除Stopall和Startall以外的复选框其他类,例如“ checkable”
$('.check').click(function(){
if ($(this).attr('name')=='Stopall') {
$('.checkable').attr('disabled',true).attr('checked',false);
} else if ($(this).attr('name')=='Startall') {
$('.checkable').attr('disabled',true).attr('checked',true);
}
}
您可以像这样在CSS上提供多个类:
<input type="checkbox" name="anything" class="class1 class2 class3" />
我想剩下的真的在你身上;)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.