Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/395.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使禁用的复选框在用户选择时变为活动状态?_Javascript_Html_Twitter Bootstrap 3 - Fatal编程技术网

Javascript 如何使禁用的复选框在用户选择时变为活动状态?

Javascript 如何使禁用的复选框在用户选择时变为活动状态?,javascript,html,twitter-bootstrap-3,Javascript,Html,Twitter Bootstrap 3,我想要完成的事情 如何将“自定义汇率”复选框置于汇率最终金额之上并禁用输入字段。然后,如果用户选中该复选框,该字段将变为活动字段,他可以更改该值。我可以从API获取实时汇率吗?如果用户输入他们自己的汇率,我需要什么javascript代码才能工作 我正试图复制这个 只是为了敲定 我如何插入一个复选框,该复选框最初是禁用的,但如果用户单击该复选框,则该复选框对所有用户都将变为活动状态,以便将其自己的汇率输入到所选货币的货币转换器中 我需要什么javascript才能使汇率从API实际更改为他们自己

我想要完成的事情

如何将“自定义汇率”复选框置于汇率最终金额之上并禁用输入字段。然后,如果用户选中该复选框,该字段将变为活动字段,他可以更改该值。我可以从API获取实时汇率吗?如果用户输入他们自己的汇率,我需要什么javascript代码才能工作

我正试图复制这个

只是为了敲定

我如何插入一个复选框,该复选框最初是禁用的,但如果用户单击该复选框,则该复选框对所有用户都将变为活动状态,以便将其自己的汇率输入到所选货币的货币转换器中

我需要什么javascript才能使汇率从API实际更改为他们自己的用户自定义汇率

我的货币兑换程序

程序/站点代码如下

//从api获取汇率数据 $.getJSONhttps://api.fixer.io/latest?base=ZAR,函数数据{ var货币=[]; $.eachdata.rates、functioncurrency、rate{ //货币选项下拉菜单 货币。推送+货币+; }; $.currency-list.appendcurrences; } //计算并输出新的金额 函数交换电流{ 变量金额=$.amount.val; var rateFrom=$。货币列表[0]。值; var rateTo=$。货币列表[1]。值; 如果amount-0!=amount | |+amount.trim.length==0{ $.results.html0; $.error.show }否则{ $.error.hide 如果金额==未定义| |费率自==-选择-| |费率至==-选择-{ $.results.html0; }否则{ $.results.htmlamount*rateTo*1/rateFrom.toFixed2; } } } $'.logo small'。单击,函数{ var toValue=$'.to'.find':选定'.val; var toText=$”.to'.find':selected'.text; var fromValue=$'.from'.find':选定'.val; var fromText=$。from'.find':selected'.text; $'.from'.find':选中'.valtoValue; $'.from'.find':选中'.texttoText; $'.to'.find':选定'.valfromValue; $'.to'.find':选中'.textfromText; 交换电流; } html{ 字体大小:20px; } .错误{ 背景:红色; 填充:10px 15px; 颜色:白色; 显示:无; } .小组{ 背景:333; 边框:纯白; } .结果{ 字号:1em; 颜色:FFFFFF; } .下拉列表{ 边缘底部:50px; } .内联块{ 显示:内联块; } .中心{ 宽度:90%; 保证金:0自动30px; } 货币转换器 请输入数值 输入值: 从货币: -挑选- 兑换货币: -挑选-

0


首先将此代码添加到htlm

<div class="form-group center">
  <div class="checkbox">
    <label><input type="checkbox" value="" id="customchecked">Custom Currency:</label>
  </div>
  <input type="number" class="amount form-control" placeholder="Enter Custom Currency" id="inputcustom" disabled>
</div>
然后你要做的是检查这个框是否被选中,然后启用另一个,当它改变它的值时,将它添加到选项中。请看下面的代码

jQuery

$("#customchecked").change(function(){
  if($(this).is(":checked")){
    $("#inputcustom").prop("disabled", false);
  } else {
    $("#inputcustom").prop("disabled", true);
  }
});
var count = 0;
$("#inputcustom").change(function(){
  $(".currency-list").append("<option id='cc"+count+"' value='"+$(this).val()+"'>CC"+count+"</option>");
  count += 1;
});

在这种情况下,正确的做法是修改原来的问题——消除混乱、限制范围、使其更具吸引力或增加悬赏并等待更长时间。有时需要一段时间才能得到答案。因此,下次使用编辑按钮而不是删除时,问题将被推到活动问题列表中。我看不出问题出在哪里。您可以放置一个复选框,显示自定义exch。速率和禁用的输入字段。使用预取速率时,您将它们写入此字段,但它仍然处于禁用状态。用户选中复选框后,该字段将变为活动字段,用户可以更改该值。有什么大不了的?但是伙计们,拜托,我看不出选择他的名字会有什么麻烦。这是他的名字。他可以随意保留h这个名字
我想。请将答案集中在问题上,避免额外评论@adkldfadklfaklfdlk能否请您更好地解释一下您想要实现什么,您的问题是什么,并使用此示例设置一个JSFIDLE,以便用户可以轻松地更改/查看/测试它?@LiamDocherty我给了您一个想法。你觉得怎么样?你想要像下图这样的东西吗?非常感谢!