jQuery技术:如何根据使用jQuery的单选按钮切换清除div中的输入？-计算机技术网

jQuery技术:如何根据使用jQuery的单选按钮切换清除div中的输入？

2021年1月13日上午11:30 • JQuery使用教程 • 阅读 2

我有一个表单，用户可以保存并返回编辑。我对表格有疑问，根据用户对上一个问题的回答，将div（ class = "details ）与其他问题进行切换。这些问题类型有多种。

我希望详细信息div中的子问题的答案能够清除用户是否选择“否”（当子问题切换为隐藏时）。我如何将其实现到现有代码中？

示例： http ： //jsfiddle.net/XVtB8/1

jQuery的：

 $('.toggle').on('change',function(){ var showOrHide = false; $(this).siblings('input[type=radio]').andSelf().each(function() { if ($(this).val() == 1 && $(this).prop("checked")) showOrHide = true; }) $(this).parent().next('#details').toggle(showOrHide); }).change()

HTML：

  Select #1: No Yes 
  
  
 
  Select #2: No Yes 
  
  
 
  Select #3: No Yes 
  
  
 
  Select #3: No Yes

你可以尝试这样的事情：

 $('.toggle').on('change',function(){ var showOrHide = false; $(this).siblings('input[type=radio]').andSelf().each(function() { if ($(this).val() == 1 && $(this).prop("checked")) showOrHide = true; }) $(this).parent().next('#details').toggle(showOrHide); if (showOrHide==false){ $(this).parent().next('#details').find('input[type=text]').val(''); $(this).parent().next('#details').find('input:checkbox').removeAttr('checked'); // other fields type to clear } }).change()

这里是未更新的小提琴： http ： //jsfiddle.net/XVtB8/2/

你可以试试 –

 $('.toggle').on('change',function(){ var showOrHide = false; var ClearDivs = false; $(this).siblings('input[type=radio]').andSelf().each(function() { if ($(this).val() == 1 && $(this).prop("checked")) showOrHide = true; if ($(this).val() == 0 && $(this).prop("checked")) ClearDivs = true; }) $(this).parent().next('#details').toggle(showOrHide); if (ClearDivs) $(this).parent().next('#details').find('input[type=text]').val(''); }).change()

演示 –

我认为你应该改进你的表单的标记，以便它有意义，然后在jQuery中进行。

见这个例子

点

以上就是jQuery教程分享如何根据使用jQuery的单选按钮切换清除div中的输入？相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

本文来自网络收集，不代表计算机技术网立场，如涉及侵权请联系管理员删除。

ctvol管理联系方式QQ:251552304

本文章地址：https://www.ctvol.com/jquerytutorial/548121.html

jQuery技术:如何根据使用jQuery的单选按钮切换清除div中的输入？

点

精彩推荐