1
我想这样做,当我点击提交按钮时,它应该会提醒我,如果在我的文本框中没有选中复选框。并且在更正之后,当我点击提交时,我应该得到被检查的文本框的值。提醒如果复选框没有被选中并提交
<center>
Would you like to proceed for checking?
<input type="radio" id="radio1" name="radio" value='Yes' />
<label for="radio1">Yes</label>
<input type="radio" id="radio2" name="radio" value='No'/>
<label for="radio2">No</label>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<br><br>
<div class="result1"></div>
<div class="result2"></div>
<div class="result3"></div>
<div class="result4"></div>
<script>
$(function() {
$("input[name='radio']").on("change", function() {
if ($("input[name='radio']:checked").val() == "Yes") {
document.querySelector('.result1').innerHTML = 'Enter your requirements:';
$('.result1').html('Enter your requirements:').fadeIn('fast');
document.querySelector('.result2').innerHTML = '<input type="checkbox" name="dn" >DN length:<input type="text" name="dnlength" />';
$('.result2').html('<input type="checkbox" name="dn"> DN length: <input type="text" name="dnlength" />').fadeIn('fast');
document.querySelector('.result3').innerHTML = '<input type="checkbox" name="dn"> valid digits:<input type="text" name="valid" />';
$('.result3').html('<input type="checkbox" name="dn"> valid digits: <input type="text" name="valid" />').fadeIn('fast');
document.querySelector('.result4').innerHTML = '<button type="submit" value="Submit" onclick="checkboccheck()">Submit</button>';
$('.result4').html('<button type="submit" value="Submit">Submit</button>').fadeIn('fast');
}
if ($("input[name='radio']:checked").val() == "No") {
$('.result1').fadeOut('fast');
$('.result2').fadeOut('fast');
$('.result3').fadeOut('fast');
$('.result4').fadeOut('fast');
}
});
});
</script>
</center>
你没有在你的HTML的任何复选框? –
你想说单选按钮,因为我发现没有复选框的设计代码... – 2015-04-23 06:22:50
@Tushar:不,我想只显示复选框,当我选择'是' – Sagi