禁用或启用单选按钮的 Javascript

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/20510857/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-10-27 18:39:11  来源:igfitidea点击:

Javascript to disable or enable radio buttons

javascripthtmlforms

提问by CorporalAris

I'm trying to do something a bit more complicated than this, but I broke it down and threw it in JSFIDDLEand I still can't get it to work.

我正在尝试做一些比这更复杂的事情,但我把它分解并扔进去,但JSFIDDLE我仍然无法让它工作。

Any suggestions?

有什么建议?

JSFiddle

JSFiddle

HTML:

HTML:

<label for="service-type">Value</label>
<select id="service-type" onChange="hamburger()">
  <option>0</option>
  <option>1</option>
  <option>2</option>
  <option>3</option>
</select>
<label for="receiptNo">No</label>
<input type="radio" name="receipt" id="receiptNo">
<label for="receiptYes">Yes</label>
<input type="radio" name="receipt" id="receiptYes">

Javascript:

Javascript:

var e = document.getElementById("service-type");
var ServiceUser = e.options[e.selectedIndex].text;

function hamburger() {
   if (ServiceUser.value === "2") {
      document.getElementById("receiptNo").disabled = true;
      document.getElementById("receiptYes").checked = true; 
     } 
}

采纳答案by Vinay Pratap Singh

Send the details of function caller like this

像这样发送函数调用者的详细信息

<select id="service-type" onchange="hamburger(this)">
    <option>0</option>
    <option>1</option>
    <option>2</option>
    <option>3</option>
</select>
<input type="radio" name="receipt" id="receiptNo">
<input type="radio" name="receipt" id="receiptYes">

Finish it up with javascript

用 javascript 完成它

<script type="text/javascript">
    function hamburger(sender) { // sender here has all details of dropdown
        if (sender.value === "2") {
            document.getElementById("receiptNo").disabled = true;
            document.getElementById("receiptYes").checked = true;
        }
    }
</script>