<html>
<head>
<script src="../../../resources/js-test.js"></script>
<body>
<p>Test that removing a form attribute from an input element leaves any
existing radio button group in the document in a valid state.</p>
<div id="console"></div>
<form id="form1">
<input type="radio" name="test" id="rb1" value="1">
<input type="radio" name="test" id="rb2" value="2">
</form>
<input type="radio" name="test" id="rb3" form="form1" value="3" checked>
<input type="radio" name="test" id="rb4" value="4">
<input type="radio" name="test" id="rb5" value="5" checked>
<script>
var result = document.getElementById('result');
var form = document.forms[0];
var rb1 = document.getElementById('rb1');
var rb2 = document.getElementById('rb2');
var rb3 = document.getElementById('rb3');
var rb4 = document.getElementById('rb4');
var rb5 = document.getElementById('rb5');
debug('- Verify initial state')
shouldBeFalse('rb1.checked');
shouldBeFalse('rb2.checked');
shouldBeTrue('rb3.checked');
shouldBeFalse('rb4.checked');
shouldBeTrue('rb5.checked');
debug('');
debug('- Remove form attr from rb3, verify that rb5 becomes unchecked state');
rb3.removeAttribute('form');
shouldBeFalse('rb1.checked');
shouldBeFalse('rb2.checked');
shouldBeTrue('rb3.checked');
shouldBeFalse('rb4.checked');
shouldBeFalse('rb5.checked');
</script>
</body>
</html>