javascript - 使用 Jquery Optimization 验证(启用)单选按钮和复选框中的提交按钮

标签 javascript jquery html

下面是我在互联网上搜索了这么多之后的代码;我无法完成这个简单的验证工作。

    <html>
    <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
    <script type="text/javascript">
   $(document).ready(function(){

        $('#myText').click(function(){
           $('#radio1').removeAttr('disabled','disabled');
           $('#radio2').removeAttr('disabled','disabled');
           $('#radio3').removeAttr('disabled','disabled');
           $('#submit').removeAttr('disabled','disabled');
         })
});

    </script>
    </head>
    <body>

    <input type="checkbox" id="myText" value="Click it!">Click it!</input>
    <br/>
    <br/>

    <input type="radio" id="radio1" name="gok" value="Radio 1" disabled="disabled"> Radio 1</input>
    <br/>
    <input type="radio" id="radio2" name="gok" value="Radio 2" disabled="disabled"> Radio 2</input>
    <br/>
    <input type="radio" id="radio3" name="gok" value="Radio 3" disabled="disabled"> Radio 3</input>
    <br/>
    <button type="button" id="submit" disabled="disabled"> Submit</button>
    </body>
    </html>

上面的复选框被选中时;单选按钮被启用,提交按钮也被启用。我不认为这是一个优化的解决方案;请帮我获取一个具有优化版本的代码,例如 1)如果我将单选按钮和提交按钮保留在 div 中并尝试使用 div 的 id 并启用内部单选按钮 2)在jquery中,我可以运行一个迭代器之类的东西,这将减少我的代码行

提前致谢!!!

最佳答案

Javascript:

$(document).ready(function(){
  $('#myText').click(function(){
    $('#enableMe').children().removeAttr('disabled'); // or $('#enableMe').children().prop('disabled',true/false')
  });
});

html:

<div id = 'enableMe'>
  <input type="checkbox" id="myText" value="Click it!">Click it!</input> <br/> <br/>

  <input type="radio" id="radio1" name="gok" value="Radio 1" disabled="disabled"> Radio 1</input> <br/>
  <input type="radio" id="radio2" name="gok" value="Radio 2" disabled="disabled"> Radio 2</input> <br/>
  <input type="radio" id="radio3" name="gok" value="Radio 3" disabled="disabled"> Radio 3</input> <br/>
  <button type="button" id="submit" disabled="disabled"> Submit</button>
</div>

关于javascript - 使用 Jquery Optimization 验证(启用)单选按钮和复选框中的提交按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12201137/

相关文章:

javascript - Safari 显示 JS 错误,但 Chrome 不显示

javascript - php ajax 实时数据库搜索或一个查询,获取所有要搜索的结果

jquery - 在大型 javascript 项目中包含/组织 HTML

html - 背景颜色问题

javascript - 有没有办法将按钮动态添加到 JSON 表?

javascript - 使用 jQuery 解析国家威胁级别 XML 文件

javascript - 下拉切换不适用于 Firefox-Android

JavaScript (es6) haskel where alternative

javascript - 如何在semantic-ui中制作两行顶部固定菜单

jquery - 使用 jQuery 通过样式属性定位标签并将其更改为具有类的另一个标签