gpt4 book ai didi

javascript - 根据单选按钮的选择显示/隐藏文本文件

转载 作者:搜寻专家 更新时间:2023-11-01 04:09:57 24 4
gpt4 key购买 nike

我知道这是一个重复的问题,但我无法让它运行。我尝试了我在 SO 和谷歌搜索中找到的所有解决方案......

我的页面中有这个单选按钮表单。我想要的是,当用户选择“只有一个与会者”选项时,一个文本字段仅为该选项出现。如果用户选择另一个,它就会消失。

Normal form

一旦用户选择只有一个选项,文本框就会出现。

expanded form

我一直在尝试使用 javascript。我用这段代码

<script>
$(document).ready(function()
$("#send_to_one").hide();
$("input:radio[name="people"]").change(function(){
if(this.checked){
if(this.value =='one'){
$("#send_to_one").show()
}else{
$("#send_to_one").hide();
}
}
}
});
</script>

表单的代码是

  <div id="send_to">
<input type="radio" id="send_poll" name="people" value="all" checked="checked">all the attendees</br>
<input type="radio" id="send_poll" name="people" value="one" >only one attendee<br/>
<div id="send_to_one">
<label>Write the attendee's name: </label><input type="text" id="attendeename"><br/><br/>
</div>
<input type="radio" id="send_poll" name="people" value="group">a group of attendees</br>
</div>

我已检查是否已加载 javascript 文件。我还尝试将 javascript 代码放入表单所在的 html.erb 文件、单独的 .js 文件和 application.htm.erb 的 <head></head> 中。部分,但没有运气。 我需要将代码的每一部分准确地放在什么地方才能正常工作?

使用 Rails 3.0.4、Ruby 1.8.9。我也在使用 JQuery

最佳答案

LIVE DEMO

HTML:

<div id="send_to">
<input type="radio" id="send_poll" name="people" value="all" checked="checked" />all the attendees<br/>
<input type="radio" id="send_poll" name="people" value="one" />only one attendee<br/>
<div id="send_to_one">
<label>Write the attendee's name: </label><input type="text" id="attendeename" /><br/><br/>
</div>
<input type="radio" id="send_poll" name="people" value="group" />a group of attendees<br/>
</div>

jQ:

$(document).ready(function(){

$("#send_to_one").hide();

$("input:radio[name='people']").change(function(){

if(this.value == 'one' && this.checked){
$("#send_to_one").show();
}else{
$("#send_to_one").hide();
}

});

});

关于javascript - 根据单选按钮的选择显示/隐藏文本文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15610708/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com