Javascript:使用 javascript 启用/禁用选定的无线电

发布于 2024-09-11 07:03:32 字数 889 浏览 3 评论 0原文

我想通过原型使这个表单动态化。我的意思是,无线电应该被禁用,但是当你选择一个时,使用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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

青丝拂面 2024-09-18 07:03:32

我认为您使用原型的请求会损害答案。没有图书馆你也可以做到这一点。

<input type="radio" id="pastedCvSelector" name="uploadFormSelector" onclick="document.getElementById('pastedCv').disabled=false;document.getElementById('uploadCv').disabled=true;">
<textarea disabled id="pastedCv" name="pastedCv" rows="8" cols="40" onclick="this.value=''">Paste your Cv Here</textarea>

更新(再次)

i think your request to use prototype prejudices the answer. you can do this just fine without a library.

<input type="radio" id="pastedCvSelector" name="uploadFormSelector" onclick="document.getElementById('pastedCv').disabled=false;document.getElementById('uploadCv').disabled=true;">
<textarea disabled id="pastedCv" name="pastedCv" rows="8" cols="40" onclick="this.value=''">Paste your Cv Here</textarea>

UPDATED (again)

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文