超过3路复选框

我想实施国家选择输入。换句话说，我有一个带有25x25px标志的表单，我希望它可以点击 - 例如，默认为德语，首先点击将其更改为荷兰，其次是瑞士或w/e。超过3路复选框

最后选择的值需要在我的POST数组中使用表单的其他值。

我已经试过用javascript的3路复选框来完成这个任务，但我需要超过3个选项。

任何想法如何做到这一点？我想过一个输入选择，隐藏除当前值之外的所有内容 - 但我不知道如何提交这个以更改下一个值。

在此先感谢您的任何意见，请不要评论我这样的问题 - 这是我的第一个js/html/css项目。 :-)

来源

2013-05-06 Patrick R.

下拉菜单 – Doorknob 2013-05-06 12:15:41

一个'button'其上点击价值的变化？ – 2013-05-06 12:15:47

隐藏'输入'保存一个值，'img'代表一个标记 – Vadim 2013-05-06 13:03:20

你可以做这样的事情：

HTML

<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

来源

2013-05-06 13:01:03 Vadim

非常感谢！只要我获得声望，我就会投你一票。 – 2013-05-06 13:47:56

@PadvonDo您已经有足够的信誉来接受最有帮助的答案。见最后一段这里http://stackoverflow.com/privileges/create-posts – Vadim 2013-05-06 13:58:50

刚刚做到了，谢谢。猜猜我需要进一步进入这个网站。 – 2013-05-06 14:03:22

超过3路复选框

回答

相关问题