超过3路复选框

More than 3-Way Checkbox

本文关键字：复选框 3路 超过      更新时间：2023-09-26

我想实现一个国家/地区选择输入。换句话说，我有一个窗体的25x25px的标志，我想要点击-说，德国作为默认值，第一次点击改变它荷兰，第二瑞士或w/e。

最后选择的值需要在我的POST-Array中与表单的其他值在一起。

我试着用javascript的3- way复选框来完成这个，但是我需要3个以上的选项。

你知道怎么做吗?我想过一个输入选择，隐藏一切，但当前值-但我不知道如何提交这改变到下一个值。

提前感谢任何输入，请不要评判我这样的问题-这是我的第一个js/html/css项目。: -)

你可以这样做:

<form method="POST">
    <img src="german.png" onclick="switchCountry(this);"/>
    <input id="country" name="country" type="hidden" value="german" />
    <input type="submit" value="Submit" />
</form>
JavaScript

var countries = ['german', 'netherlands', 'swiss'];
var switchCountry = function(img) {
    var input = document.getElementById('country'),
        oldValue = input.getAttribute('value'),
        newValue = countries[(countries.indexOf(oldValue) + 1) % countries.length];
    // Switch input value that will be posted with form 
    input.setAttribute('value', newValue);
    // Switch graphical representation of country
    img.setAttribute('src', newValue + '.png');
};

这里的例子http://jsbin.com/alasip/1/edit

相关文章：