javascript – HTML反应：单选按钮卡在最初设置为“已检查”

我有一组两个单选按钮,其中一个在页面加载时被检查.看来我不能把它改成第二个.如果重要的话,这个 HTML是由reactjs构建的. chrome上的标记如下所示：

<fieldset data-reactid=".0.0.0.0.0.0.1">
<label for="coop-radio-btn" data-reactid=".0.0.0.0.0.0.1.0">
    <span data-reactid=".0.0.0.0.0.0.1.0.0">To a Cooperative</span>
    <input type="radio" name="requestOnBehalfOf" value="coop" id="coop-radio-btn" data-reactid=".0.0.0.0.0.0.1.0.1">
</label>
<label for="union-radio-btn" data-reactid=".0.0.0.0.0.0.1.1">
    <span data-reactid=".0.0.0.0.0.0.1.1.0">Additional Request</span>
    <input type="radio" name="requestOnBehalfOf" value="union" checked="" id="union-radio-btn" data-reactid=".0.0.0.0.0.0.1.1.1">
</label>
</fieldset>

解决方法

更新
这样做的“反应方式”是将defaultChecked = {true}添加到所需的输入.其他方式如下.

我其实也面临着同样的情况.我所做的是在父React组件的componentDidMount lifecycle method中找到输入标签,然后设置checked属性.

如果我们谈论香草JS,您可以使用querySelector找到第一个无线电输入.像这样：

var Form = React.createClass({
    componentDidMount: function(){
        this.getDOMNode().querySelector('[type="radio"]').checked = "checked";
    },render: function(){
        //your render here
    }
});

如果你使用jQuery,可以这样做：

...
    $(this.getDOMNode()).find('[type="radio"]').eq(0).prop("checked",true);
...