Jquery 使用两个单选按钮隐藏和显示输入文本

如果我是，请单击单选按钮

deskripsi

input

name

not hide；如果我是，请单击单选按钮

name

input

deskripsi

not hide

纳马·阿图·科德·巴朗
纳米
Deskripsi
$（函数（）{
$（'div[name=“nama”]”）。hide（）；
//单击复选框时显示它
$（'input[id=“update name”]”）。在（'click'，function（）上{
if（$（this.prop（'checked'））{
$（'div[name=“nama”]”）。fadeIn（）；
}else if（$（'input[id=“update description”]'）。在（'click'）上）{
$（'div[name=“nama”]”）。hide（）；
}否则{
$（'div[name=“nama”]”）。hide（）；
}
});
$（'div[name=“deskripsi”]'）。hide（）；
$（'input[id=“update description”]”）。在（'click'，function（）上{
if（$（this.prop（'checked'））{
$（'div[name=“deskripsi”]”）。fadeIn（）；
}else if（$（'input[id=“update name”]”）。在（'click'）上{
$（'div[name=“deskripsi”]'）。hide（）；
}否则{
$（'div[name=“deskripsi”]'）。hide（）；
}
});
});
纳米
Deskripsi

---

谢谢

您需要为

div

赋予

class

或

id

属性，在您的情况下

nama

和

deskripsi

不能使用

name

属性。在下面的代码中，我为两个

div

提供了

class

属性，单击特定单选按钮后，您希望隐藏这两个属性：

$（函数（）{
$（'.nama'）.hide（）；
//单击复选框时显示它
$（'input[id=“update name”]”）。在（'click'，function（）上{
if（$（this.prop（'checked'））{
//使用class=“nama”显示div
$（'.nama'）.fadeIn（）；
//隐藏其他分区
$（'.deskripsi'）.hide（）；
}else if（$（'input[id=“update description”]'）。在（'click'）上）{
//使用class=“nama”隐藏div
$（'.nama'）.hide（）；
}否则{
$（'.nama'）.hide（）；
}
});
$（'.deskripsi'）.hide（）；
$（'input[id=“update description”]”）。在（'click'，function（）上{
if（$（this.prop（'checked'））{
//使用class=“deskripsi”显示div
$（'.deskripsi'）.fadeIn（）；
//隐藏其他分区
$（'.nama'）.hide（）；
}else if（$（'input[id=“update name”]”）。在（'click'）上{
$（'.deskripsi'）.hide（）；
}否则{
$（'.deskripsi'）.hide（）；
}
});
});

纳马·阿图·科德·巴朗
纳米
Deskripsi
纳米
Deskripsi
您需要为
div
赋予
class
或
id
属性，您不能为
div
使用
name
属性，在您的情况下是
nama
和
deskripsi
。在下面的代码中，我为两个
div
提供了
class
属性，单击特定单选按钮后，您希望隐藏这两个属性：


$（函数（）{
$（'.nama'）.hide（）；
//单击复选框时显示它
$（'input[id=“update name”]”）。在（'click'，function（）上{
if（$（this.prop（'checked'））{
//使用class=“nama”显示div
$（'.nama'）.fadeIn（）；
//隐藏其他分区
$（'.deskripsi'）.hide（）；
}else if（$（'input[id=“update description”]'）。在（'click'）上）{
//使用class=“nama”隐藏div
$（'.nama'）.hide（）；
}否则{
$（'.nama'）.hide（）；
}
});
$（'.deskripsi'）.hide（）；
$（'input[id=“update description”]”）。在（'click'，function（）上{
if（$（this.prop（'checked'））{
//使用class=“deskripsi”显示div
$（'.deskripsi'）.fadeIn（）；
//隐藏其他分区
$（'.nama'）.hide（）；
}else if（$（'input[id=“update name”]”）。在（'click'）上{
$（'.deskripsi'）.hide（）；
}否则{
$（'.deskripsi'）.hide（）；
}
});
});

纳马·阿图·科德·巴朗
纳米
Deskripsi
纳米
Deskripsi
存在于与web请求相关联的表单输入元素上（换句话说，当数据标识在服务器端完成时），主要是表单元素

您可以使用id属性（在当前文档中应该是uniq）标识特定的
div
元素，如果逻辑涉及多个元素，则可以标识类

以下是实施建议：


$（函数（）{
//缓存对DOM顶部的两个无线电输入的引用
//事件处理程序使逻辑更加清晰
让$nameInput=$（'input#updatename'）
，$descInput=$（'input#update description'）
;
//将一个单击事件处理程序附加到两个以前的无线电输入。
//根据单击的单选按钮，关联的内容
//将显示与其他收音机相关的内容
//按钮将被隐藏
$nameInput.add（$descInput）.on（'click'，function（））{
让isName=this===$nameInput[0]
，$show=isName？$（'nama div'）：$（'deskripsi div'））
，$hide=isName？$（'deskripsi div'）：$（'nama div'））
;
如果（选中此项）{
$show.fadeIn（）；
$hide.hide（）；
}
});
});
/**将两个内容div的初始显示状态设置为CSS规则**/
div#nama div，div#deskripsi div{display:none}

纳马·阿图·科德·巴朗
纳米
Deskripsi
纳米
Deskripsi
存在于与web请求相关联的表单输入元素上（换句话说，w