Question

我想设置一个表格，用户可以从一组单选按钮中选择，如果他们不喜欢任何选择，他们可以使用最后一个单选按钮，它会有一个文本字段，可以输入自定义文本。

我在几个网站上看到过这个。只是想知道它在哪里以及如何实施

Answer 1

我告诉你一个例子，这是你想要的吗？ http://www.jsfiddle.net/T7gE7/

var temp = '';
function disableTxt() {
    var field = document.getElementById("other");
    if(field.value != '') {
        temp = field.value;
    }
    field.style.display = "none";
    field.value = '';
}
function enableTxt() {
    document.getElementById("other").style.display = "inline";
    document.getElementById("other").value = temp;
}

Answer 2

嗯@Dai比我快：P ...但无论如何，这是一种非侵入性的方式来使用Mootools做同样的事情（如果你不想混合使用js和html代码）

http://jsfiddle.net/raKbZ/1/

$('radio4').addEvent('change',function(E){
    if(E.target.checked){
        enableInput();
    }
});

$$('.normal').each(function(radio){
    radio.addEvent('change',function(E){
         if(E.target.checked){
             disableInput();
         }
    });
});


function enableInput(){
    $('other').set('disabled','');
    $('other').setStyle('background-color','#fff');
}

function disableInput(){
    $('other').set('disabled','disabled');
    $('other').setStyle('background-color','#d4d4d4');
}

Answer 3

创建三个单选按钮和输入字段，然后将输入字段设置为禁用。将javascript事件附加到调用javascript函数的第三个单选按钮。然后，此功能将启用输入字段，允许用户输入自己的选项。您还应该将javascript事件添加到其他两个单选按钮，以便在重新选择时禁用输入字段。

单选按钮和输入字段

3 个答案: