Javascript:使用 javascript 启用/禁用选定的无线电
我想通过原型使这个表单动态化。我的意思是,无线电应该被禁用,但是当你选择一个时,使用js,它应该启用它们,同样,如果你选择另一个,第一个应该被禁用。
这是我的 HTML,但我不知道从哪里开始使用 JS 来完成这项工作,谢谢
<form id="uploadForm" method="post" action="/parser/parseCurriculumVitae.do" enctype="multipart/form-data">
<fieldset>
<div id="uploadCv">
<input type="radio" id="uploadCvSelector" name="uploadFormSelector"/>
<input disabled type="file" id="uploadCv" name="uploadCv" />
</div>
<div id="pastedCv">
<input type="radio" id="pastedCvSelector" name="uploadFormSelector" />
<textarea disabled id="pastedCv" name="pastedCv" rows="8" cols="40" onclick="this.value=''">Paste your Cv Here</textarea>
</div>
<input type="submit" value="Send'em!"/>
</fieldset>
</form>
I would like to make this form dynamic with prototype. I mean, the radio should be disabled, but when you chose one, with js, it should turn them enabled, same way if you chose the other one, the 1st should turn disabled.
This is my HTML, but I have no idea where to start with JS to make this work, thank you
<form id="uploadForm" method="post" action="/parser/parseCurriculumVitae.do" enctype="multipart/form-data">
<fieldset>
<div id="uploadCv">
<input type="radio" id="uploadCvSelector" name="uploadFormSelector"/>
<input disabled type="file" id="uploadCv" name="uploadCv" />
</div>
<div id="pastedCv">
<input type="radio" id="pastedCvSelector" name="uploadFormSelector" />
<textarea disabled id="pastedCv" name="pastedCv" rows="8" cols="40" onclick="this.value=''">Paste your Cv Here</textarea>
</div>
<input type="submit" value="Send'em!"/>
</fieldset>
</form>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
我认为您使用原型的请求会损害答案。没有图书馆你也可以做到这一点。
更新(再次)
i think your request to use prototype prejudices the answer. you can do this just fine without a library.
UPDATED (again)