单击单选按钮不会激活文本框

Question

我创建了两个单选按钮来获取值 i.ee 最大值，它达到相同的变量总数。我只想一次激活一个文本框。并接受价值。

<dt>
            <dd>
        <input id="clicking"  data-dojo-type="dijit/form/RadioButton"  name="method" type="radio" value="clickarea" checked="false">
        <label for="clicking">By Clicking</label><br>
                   <input type="text" name="Name" data-dojo-type="dijit/form/TextBox"
                   data-dojo-props="trim:true, propercase:true" value="" id="Area1" disabled = "true" >
            </dd>
        </dt>
       <br></br>
       <dt>
           <dd>
       <input id="draw"  data-dojo-type="dijit/form/RadioButton" name="method" type="radio" value="drawarea" >
        <label for="draw">Draw Area</label><br>
         <input type="text" name="Name" data-dojo-type="dijit/form/TextBox"
                   data-dojo-props="trim:true, propercase:true" value="" id="Area2" disabled = "true"">
            </dd>
         </dt>


if (document.getElementById('clicking').checked) {
    document.getElementById('Area1').disabled = false;
    var container = dijit.byId("Area1");
    container.set("value", evt.graphic.attributes.Area_);
    area = container;
} else {
    document.getElementById('Area1').disabled = true;
}
if (document.getElementById('draw').checked) {
    document.getElementById('Area2').disabled = false;
    area = e.values;
    document.getElementById("Area2").value = area.toFixed(2);
} else {
    document.getElementById('Area2').disabled = true;
}

Answer 1

有些语法错误。

检查下面的工作代码-

<link rel="stylesheet" href="https://js.arcgis.com/3.20/dijit/themes/claro/claro.css">
    <link rel="stylesheet" href="https://js.arcgis.com/3.20/esri/css/esri.css">

    <script src="https://js.arcgis.com/3.20/">
    </script>
    
    <script>
    function enableDisableTextArea(){
if (document.getElementById('clicking').checked) {
    document.getElementById('Area1').disabled = false;
    var container = dijit.byId("Area1");
    //container.set("value", evt.graphic.attributes.Area_); // get this value first
    area = container;
} else {
    document.getElementById('Area1').disabled = true;
}
if (document.getElementById('draw').checked) {
    document.getElementById('Area2').disabled = false;
   // area = e.values; //need to get this value first
    //document.getElementById("Area2").value = area.toFixed(2);
} else {
    document.getElementById('Area2').disabled = true;
}
 
 }
    </script>
<dt>
            <dd>
        <input id="clicking"  data-dojo-type="dijit/form/RadioButton"  name="method" type="radio" value="clickarea" checked="false" onClick ="enableDisableTextArea()">
        <label for="clicking">By Clicking</label><br>
                   <input type="text" name="Name" data-dojo-type="dijit/form/TextBox"
                   data-dojo-props="trim:true, propercase:true" value="" id="Area1"  >
            </dd>
        </dt>
       <br></br>
       <dt>
           <dd>
       <input id="draw"  data-dojo-type="dijit/form/RadioButton" name="method" type="radio" value="drawarea" onClick ="enableDisableTextArea()">
        <label for="draw">Draw Area</label><br>
         <input type="text" name="Name" data-dojo-type="dijit/form/TextBox"
                   data-dojo-props="trim:true, propercase:true" value="" id="Area2" disabled = "true"">
            </dd>
         </dt>

已更新 JSFiddle- https://jsfiddle.net/vikash2402/f2hxt25d/6/

希望这对您有所帮助:)

单击单选按钮不会激活文本框

textbox does not active by clicking on radio button

javascript

arcgis-js-api