Question

我有3组单选按钮，如果选中所有按钮，我想显示文本，其值为＆＃34; true＆＃34; （是）。如果至少有1个值为＆＃34; false＆＃34;则隐藏文本。（否）。

我的网页看起来像：

 Are you eligible for this?           .Yes .No 
 Are you paying your bills monthly?   .Yes .No
 Do you have health insurance?        .Yes .No

我想在jQuery中执行此操作，我已在下面添加了我的代码!!

<div>Are you eligible for this?</div>
           <div>
                <div>
                    <label for="yes">Yes</label> 
                    <input type="radio" name="mygroup" id="yes" value="true" />
                </div>
                <div>
                    <label for="no">No</label> 
                    <input type="radio" name="mygroup" id="no" value="false" />
                </div>
            </div>

            <div>Are you paying your bills monthly?</div>
            <div>
                <div>
                    <label for="yes1">Yes</label> 
                    <input type="radio" name="mygroup" id="yes1" value="true" />
                </div>
                <div>
                    <label for="no1">No</label> 
                    <input type="radio" name="mygroup" id="no1" value="false" />
                </div>
            </div>

            <div>Do you have health insurance?</div>
            <div>
                <div>
                    <label for="yes2">Yes</label> 
                    <input type="radio" name="mygroup" id="yes2" value="true" />
                </div>
                <div>
                    <label for="no2">No</label> 
                    <input type="radio" name="mygroup" id="no2" value="false" />
                </div>
            </div>

我提出的jQuery脚本：

$("input[name='mygroup']").change(function(){
    if($(this).attr("value")=="true" && $(this).is(":checked")){
             //show
    }else{
            //hide
    }
});

我们可以选择所选单选按钮的数量吗？

Answer 1

您可以执行onClick方法，检查所有三个单选按钮是否都为真。满足该条件后，只需将文字设置为display即可（例如x.style.display = 'none'）

注意：SO不适用于免费编码，但如果您遇到困难的原则或错误，可以解决。

使用单选按钮选择隐藏/显示文本

1 个答案: