dojo 单选按钮事件处理

uoifb46i  于 2022-12-16  发布在  Dojo
关注(0)|答案(1)|浏览(293)

我有一个单选按钮,每当单选按钮中的某个值没有被选中时,我想禁用一个文本字段。我正在使用dojo的单选按钮。你能帮我吗?

<dt><label for="Records_Size">Test Run Size</label></dt>
    <dd>
        <input id="Records_All" type="radio" dojoType="dijit.form.RadioButton" name="SourceQuery" checked 
        value="All"></input>
        <label for="Records_All">All input records</label>
    </dd>
    <dt>&nbsp;</dt>
    <dd>
        <span><input id="Records_Query" type="radio" dojoType="dijit.form.RadioButton" name="SourceQuery" 
        value="Query" ></input>
        <label for="Records_Query">Limit input records to:</label></span><span>&nbsp;<input type="text"
        dojoType="dijit.form.TextBox" id="Row_Count" style="width: 25px;" value="10"/></span>
    </dd>

字符串

基本上,我需要一个每当这个按钮失去焦点时触发的事件和一个每当它重新获得焦点时触发的事件,但是这两个事件的处理是不同的。

x7rlezfr

x7rlezfr1#

如果您想要纯粹的客户端活动,那么...

<script>
function ManageTextBox(el){
    t=document.getElementById('Row_Count');
    if (el.value=='Query') {t.disabled=false}
       else {t.disabled=true}
    }
</script>

<dt><label for="Records_Size">Test Run Size</label></dt>
<dd>
    <input id="Records_All" type="radio" dojoType="dijit.form.RadioButton" name="SourceQuery" checked
    value="All" onchange="ManageTextBox(this)"></input>
    <label for="Records_All">All input records</label>
</dd>
<dt>&nbsp;</dt>
<dd>
    <span><input id="Records_Query" type="radio" dojoType="dijit.form.RadioButton" name="SourceQuery" 
    value="Query" onchange="ManageTextBox(this)"></input>
    <label for="Records_Query">Limit input records to:</label></span><span>&nbsp;<input type="text"
    dojoType="dijit.form.TextBox" id="Row_Count" style="width: 25px;" value="10"/ disabled></span>
</dd>

注意,每个单选按钮都有一个onchange属性,因为“All”单选按钮开始时是选中的,所以文本框需要从disabled开始。更改单选按钮的值将调用函数,该函数将根据按钮的新值更改文本框的状态。
http://jsfiddle.net/LyStj/

相关问题