Question

jquery实现文本框的启用/禁用（或隐藏/不隐藏）

如题，如下图，点击有的时候才显示下面原因的那一行(或者用另外的方法实现原因那行的禁用/和启用也行，但就是默认要禁用)，2个思路都行，新人求大牛帮忙，非常感谢。

代码图





Answer 1

思路：在设计HTML结构时，将单选按钮和对应的文本框关联（例如单选按钮的value值对应了文本框的位置）。然后在单选按钮的的单击事件处理函数中，隐藏相应的文本框。实例演示如下:
1、HTML结构：注意单选框的value值是和文本框在div中的位置对应的
<input type="radio" name="test" value="0" checked>第一组
<input type="radio" name="test" value="1">第二组
<div id="test">
<div>第一组文本框：<input type="text"/></div>
<div>第二组文本框：<input type="text"/><input type="text"/></div>
</div>
2、jquery代码
$("#test div:last").hide(); // 先隐藏第二组文本框
$(":radio").click(function() {
var num = $(this).val(); // 当前按钮的value值对应需要显示文本框的位置
$("#test div").hide(); // 先隐藏所有文本框
$("#test div").eq(num).show(); // 然后显示对应的文本框
});

Answer 2

$('#div6 input').click(function() {
var t = $(this);

if (t.is('#chk_zz_y') && t.prop('checked')) {

$('#zz_xx').show();

} else {
$('#zz_xx').hide();

}
})

追问

功能实现了，但是没有默认不显示文本框，请教一下怎么弄呢，才学，望理解。。。

Answer 3

在有的那个复选框里面加一个onclick事件 ：onclick=“abc()”
function abc(){
$("#zz_xx").show();
}