jquery实现有两个复选框，要么可以选中一个，要么两个全不选。
当选中一个的时候，这一个复选框所对应的文本框可以输入，否则不可以输入;当两个复选框全不选中的时候，所对应的两个文本框都不能输入;这段代码应该怎么写？...
当选中一个的时候，这一个复选框所对应的文本框可以输入，否则不可以输入;当 两个复选框全不选中的时候，所对应的两个文本框都不能输入;这段代码应该怎么写？
展开
3个回答
展开全部
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<script src="jquery-1.6.4.min.js"></script>
<script>
$(function(){
$(':text').attr('disabled','disabled');
$(':checkbox').click(function(){
var chk = $(':checkbox:checked');
if(chk.length == 1){
if(chk.attr('id')=='chk1') {$('#txt1').removeAttr('disabled');$('#txt2').attr('disabled','disabled');$('#txt1').focus();}
else {$('#txt2').removeAttr('disabled');$('#txt1').attr('disabled','disabled');$('#txt2').focus();}
}
else $(':text').attr('disabled','disabled');
})
})
</script>
</head>
<body>
<input type="checkbox" id="chk1"><input type="text" id="txt1">
<input type="checkbox" id="chk2"><input type="text" id="txt2">
</body>
</html>
<html>
<head>
<title></title>
<script src="jquery-1.6.4.min.js"></script>
<script>
$(function(){
$(':text').attr('disabled','disabled');
$(':checkbox').click(function(){
var chk = $(':checkbox:checked');
if(chk.length == 1){
if(chk.attr('id')=='chk1') {$('#txt1').removeAttr('disabled');$('#txt2').attr('disabled','disabled');$('#txt1').focus();}
else {$('#txt2').removeAttr('disabled');$('#txt1').attr('disabled','disabled');$('#txt2').focus();}
}
else $(':text').attr('disabled','disabled');
})
})
</script>
</head>
<body>
<input type="checkbox" id="chk1"><input type="text" id="txt1">
<input type="checkbox" id="chk2"><input type="text" id="txt2">
</body>
</html>
追问
偶还想让这两个复选最多只能选中一个，当一个改为选中状态的时候即使另一个为选中状态也得自动改为未选中状态。。。
追答
$(function(){
$(':text').attr('disabled','disabled');
$(':checkbox').click(function(){
if($(this).is(':checked')){
if(this.id=='chk1'){
$('#txt1').removeAttr('disabled');
$('#chk2').removeAttr('checked','checked');
$('#txt2').attr('disabled','disabled');
$('#txt1').focus();
}else{
$('#txt2').removeAttr('disabled');
$('#chk1').removeAttr('checked','checked');
$('#txt1').attr('disabled','disabled');
$('#txt2').focus();
}
}
/**
var chk = $(':checkbox:checked');
if(chk.length == 1){
if(chk.attr('id')=='chk1') {
$('#txt1').removeAttr('disabled');
$('#txt2').attr('disabled','disabled');
$('#txt1').focus();
}
else {
$('#txt2').removeAttr('disabled');
$('#txt1').attr('disabled','disabled');
$('#txt2').focus();
}
}
else $(':text').attr('disabled','disabled');
*/
})
})
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
