jQuery-根据单选按钮选择显示div

荷马_J

可能的解决方案,但无法使其正常工作:

$(function(){
  $('input[name="q10"]').click(function(){
    if ($(this).is(':checked'))
    {
    var flag=0;

    $("input[type='radio']:checked").each(function() {
      if($(this).val()==1 || $(this).val()==2 ){
        $("#disagree").show();
         flag++;
      }
      else if(($(this).val()==3 || $(this).val()==4) && flag==0)
        $("#agree").show();
    });
    }
  });
});

我的页面上有10个问题-每个问题的回答量表如下:

<div id="rq1" class="row" onmouseover="changeBackgroundColor(this.id)" onmouseout="changeBackgroundColor2(this.id)">
<div class="col1">1.</div>
<div class="col2a">Question text</div>
<div class='colans'>
      <input  name='q1' value='4' id='q1a4' type='radio' onclick='mand();' />
</div>
<div class='colans'>
      <input  name='q1' value='3' id='q1a3' type='radio' onclick='mand();' />
</div>
<div class='colans'>
      <input  name='q1' value='2' id='q1a2' type='radio' onclick='mand();' />
</div>
<div class='colans'>
      <input  name='q1' value='1' id='q1a1' type='radio' onclick='mand();' />
</div>
<div class='colans'>
      <input  name='q1' value='-1' id='q1a-1' type='radio' onclick='mand();' />
</div>
</div>

以上是对q1至q10的10个问题中的每一个的重复。

在的10个问题的目的,我有两个textareas,其中用户可以写入注释,但是,第一textarea需求出现,如果用户选择任何具有2个或1。第二值响应textarea需求出现如果用户选择任何响应值为4或3,但尚未选择值为2或1的响应。

最后,一旦用户回答了最后一个问题(问题10),我就需要运行jQuery-在这一点上,我需要激发代码。

过去,我为每个响应手动创建了Javascript代码并进行了检查,但我想知道使用jQuery是否有一种更简洁,更简洁的方法?

网络编码器

好吧,我还没有很好地格式化代码,但是我想这将对您有所帮助。我还检查了给出的最后一个答案,我想每次访问该对象都不是一个好主意,但这只是我的观点。一切顺利 :-)

`var myradio = $('input[name=nettype]');
var nettype = myradio.filter(':checked').val();

if(nettype ==1 || nettype ==2 )
{
 $("#myTextArea1").show();
 $("#myTextArea2").hide();
}
else if(nettype ==3 || nettype == 4 )
{
 $("#myTextArea2").show();
 $("#myTextArea1").hide();
}`

对于您已添加到上一个答案的评论,您可以添加以下代码

`if ( $('.myClass').filter(function(){
    return $(this).val() != '';
    }).length == 0
 )
 {
  /* code to run when all are empty */

 }`

您可以将此类名myClass添加到您的文本框中,以便当所有文本框都将得到回答时,您可以触发单选按钮的代码。:-)

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

显示隐藏的div以选择单选按钮jquery

来自分类Dev

jQuery单选按钮根据选择/选中显示/隐藏

来自分类Dev

使用jquery获取单选按钮的值并根据选择显示文本

来自分类Dev

使用jQuery根据单选按钮选择隐藏div

来自分类Dev

jQuery的隐藏和显示DIV选择单选按钮时

来自分类Dev

jQuery根据单选按钮值进行选择

来自分类Dev

jQuery隐藏/显示单选按钮选择

来自分类Dev

根据单选按钮选择使用jQuery隐藏/显示文本框

来自分类Dev

根据单选按钮选择,使用jQuery隐藏/显示文本框

来自分类Dev

jQuery基于两个单选按钮和选择选项显示和隐藏div

来自分类Dev

根据单选按钮选择显示/隐藏div

来自分类Dev

根据单选按钮选择显示/隐藏div

来自分类Dev

使用JQuery根据选择的单选按钮将项目移至列表

来自分类Dev

jQuery-显示单选按钮选择的标签值

来自分类Dev

基于 jQuery 中的单选按钮选择显示和隐藏内容

来自分类Dev

jQuery根据选项选择显示/隐藏Div

来自分类Dev

jQuery根据选项选择显示/隐藏Div

来自分类Dev

jQuery隐藏/显示div,带有单选按钮控件

来自分类Dev

使用jQuery Cookie使用单选按钮显示/隐藏div

来自分类Dev

jQuery / css,基于单选按钮单击显示和隐藏div

来自分类Dev

如何使用Jquery基于单选按钮显示<div>内容

来自分类Dev

根据Web表单单选按钮选择显示结果div

来自分类Dev

根据单选按钮选择,使用jQuery将表单元格添加到行尾

来自分类Dev

jQuery 根据单选按钮更改 FIELDSET

来自分类Dev

jQuery在不同组的单选按钮之间选择了单选按钮索引

来自分类Dev

根据下拉选择显示/隐藏div-jQuery

来自分类Dev

根据选择选项值 jQuery 显示隐藏 div

来自分类Dev

JQuery/Javascript -- 根据选择而不是值显示 div

来自分类Dev

jQuery检查是否选择了单选按钮

Related 相关文章

  1. 1

    显示隐藏的div以选择单选按钮jquery

  2. 2

    jQuery单选按钮根据选择/选中显示/隐藏

  3. 3

    使用jquery获取单选按钮的值并根据选择显示文本

  4. 4

    使用jQuery根据单选按钮选择隐藏div

  5. 5

    jQuery的隐藏和显示DIV选择单选按钮时

  6. 6

    jQuery根据单选按钮值进行选择

  7. 7

    jQuery隐藏/显示单选按钮选择

  8. 8

    根据单选按钮选择使用jQuery隐藏/显示文本框

  9. 9

    根据单选按钮选择,使用jQuery隐藏/显示文本框

  10. 10

    jQuery基于两个单选按钮和选择选项显示和隐藏div

  11. 11

    根据单选按钮选择显示/隐藏div

  12. 12

    根据单选按钮选择显示/隐藏div

  13. 13

    使用JQuery根据选择的单选按钮将项目移至列表

  14. 14

    jQuery-显示单选按钮选择的标签值

  15. 15

    基于 jQuery 中的单选按钮选择显示和隐藏内容

  16. 16

    jQuery根据选项选择显示/隐藏Div

  17. 17

    jQuery根据选项选择显示/隐藏Div

  18. 18

    jQuery隐藏/显示div,带有单选按钮控件

  19. 19

    使用jQuery Cookie使用单选按钮显示/隐藏div

  20. 20

    jQuery / css,基于单选按钮单击显示和隐藏div

  21. 21

    如何使用Jquery基于单选按钮显示<div>内容

  22. 22

    根据Web表单单选按钮选择显示结果div

  23. 23

    根据单选按钮选择,使用jQuery将表单元格添加到行尾

  24. 24

    jQuery 根据单选按钮更改 FIELDSET

  25. 25

    jQuery在不同组的单选按钮之间选择了单选按钮索引

  26. 26

    根据下拉选择显示/隐藏div-jQuery

  27. 27

    根据选择选项值 jQuery 显示隐藏 div

  28. 28

    JQuery/Javascript -- 根据选择而不是值显示 div

  29. 29

    jQuery检查是否选择了单选按钮

热门标签

归档