【问题标题】:Checkbox that enables and disables Text field启用和禁用文本字段的复选框
【发布时间】:2013-07-24 01:02:33
【问题描述】:

问题是我有很多文本字段(其中 60-70 个)

而且我需要在未选中复选框时禁用文本输入,并且在选中复选框时启用文本输入。

当取消选中复选框时,它应该禁用该字段并清理它。

【问题讨论】:

  • 您使用什么语言/工具包?
  • 如果是 jquery 编写你需要帮助的代码

标签: text input checkbox


【解决方案1】:
$('.checkbox').each(function(a,b){
   $(b).click(function(){
      if($(this).is(':checked')){
        $(this).next('.textfield').removeAttribute('disabled');
      }else{
        $(this).next('.textfield').attr('disabled','disabled').val('');
      }
   });
});

【讨论】:

  • 如何在输入字段中使用?
【解决方案2】:

这可以使用 javascript 完成。

<html>
  <body>
    <script type="text/javascript">
      function textInput() {
        if (document.inputForm.checkbox.checked) {    
          document.inputForm.input.disabled=false;
        } else {
          document.inputForm.input.disabled=true;
        }
      }​
    </script>
    <form name="inputForm">
      <label>Enable Input</label>
      <input type="checkbox" name="checkbox" onclick="textInput()">
      <label> Input:</label>
      <input type="text" name="input" disabled="true">
     </form>
   </body>​​​​
</html>

【讨论】:

  • 它有点工作,但我需要 textbos 名称来发送值。还有其他方法吗?
  • @user2614879 你是什么意思你需要文本框名称来发送值?
  • 我的意思是我的名字 = "Rights[]" 和 Rights[] 是我需要发送到 mysql 的数组
  • @user2614879 好吧,我没有看到在表单中发送名称并使用 javascript 的问题。
猜你喜欢
  • 1970-01-01
  • 2013-05-31
  • 1970-01-01
  • 2017-04-20
  • 1970-01-01
  • 1970-01-01
  • 2013-09-04
  • 1970-01-01
  • 2014-01-06
相关资源
最近更新 更多