Javascript 处于特定状态的复选框

Javascript 处于特定状态的复选框,javascript,Javascript,我有一个美国主要城市的复选框网格。我创建了一个下拉菜单来选择一个状态。当用户单击submit按钮时,我希望选中该特定状态的所有复选框。我已经为每个检查使用了动态id,我想我可以用title属性来识别它们 有没有办法用常规javascript而不是jquery来选择所有“纽约州”呢 任何帮助都将不胜感激 新杰克 编辑 我是这样想的 function SelectState(StateAbbr) { var f = document.frmChangeMemberPaid; ch

我有一个美国主要城市的复选框网格。我创建了一个下拉菜单来选择一个状态。当用户单击submit按钮时,我希望选中该特定状态的所有复选框。我已经为每个检查使用了动态id,我想我可以用title属性来识别它们

有没有办法用常规javascript而不是jquery来选择所有“纽约州”呢

任何帮助都将不胜感激

新杰克

编辑

我是这样想的

function SelectState(StateAbbr)
{
     var f = document.frmChangeMemberPaid;
     checkboxes = document.getElementsByName('LocalPageID');
     for(var i in checkboxes)
     {
          if(checkboxes[i].attributes[1].name == StateAbbr)
          {
               checkboxes[i].checked = source.checked;
          }
     }
}

我认为您应该使用function
getElementsByTagName
获取所有输入,过滤掉所有复选框,然后只选中符合您条件的复选框:

var inputs = document.getElementsByTagName("input");

for (var i=0, count = inputs.length; i < count; i++) {
    var node = inputs.item(i);
    if (node.type === "checkbox") {
        if (node.title === "New York State") {
            node.checked = true;
        } else {
            // uncheck other checkboxes in case they are already checked
            node.checked = false;
    }
}
var inputs=document.getElementsByTagName(“输入”);
对于(变量i=0,计数=inputs.length;i
使用类标记输入:

<table id="cities" border="1">
    <tr>
        <td>
            Miami, FL
            <input type="checkbox" value="Miami" class="FL" />
        </td>
        <td>
            New York City, NY
            <input type="checkbox" value="New York City" class="NY" />
        </td>
    </tr>
    <tr>
        <td>
            Tampa, FL
            <input type="checkbox" value="Tampa" class="FL" />
        </td>
        <td>
            Buffalo, NY
            <input type="checkbox" value="Buffalo" class="NY" />
        </td>
    </tr>
</table>

<select id="states">
     <option value="FL">FL</option>
    <option value="NY">NY</option>
</select>

<script type="text/javascript">
    var cities = document.getElementById('cities'),
    states = document.getElementById('states');

    function checkCitiesOf(state) {
        inputs = cities.getElementsByTagName('input');
        for(var i = 0, l = inputs.length; i < l; i++) {
            inputs[i].checked = inputs[i].className == state;       
        }
    }

    states.onchange = function() {
        checkCitiesOf(this.value);
    };
</script>

佛罗里达州迈阿密
纽约市
佛罗里达州坦帕
纽约州布法罗
佛罗里达州
纽约
var cities=document.getElementById('cities'),
states=document.getElementById('states');
功能检查功能(状态){
输入=cities.getElementsByTagName('input');
对于(变量i=0,l=inputs.length;i
​ ​


工作做得很好,安德烈。非常感谢你,干得好。。!