in Jquery checked on checkbox get value in another text

Question

in this image two Question is Checkbox .select is 'is other 'field that time one textbox is opened then enter this textbox value. I want to be checked on 'Other field' then enter this value in below textbox..how to get this textbox value using jquery. this Checkbox multiple Question in one page

Kalyani Shevale · Answer

I have used this code..this is worked. $( '.checktextclass' ).click( function () { if ($( this ).is( ":checked" ) == true && $( this ).next( 'span' ).text() == "Other (Please specify)" ) { var test = "textOther_" + $( this ).attr( 'id' ); $( "#" + test).show(); } else { var test = "textOther_" + $( this ).attr( 'id' ); $( "#" + test).hide(); $( "#" + test).val( "" ); } });

Suraj Kumar · Answer

Suppose you have 15 question then you had given id of first checkbox = "chkOtherQuestionNo_1" second checkbox = "chkOtherQuestionNo_2" third checkbox = "chkOtherQuestionNo_3" forth checkbox = "chkOtherQuestionNo_4" fifth checkbox = "chkOtherQuestionNo_5" ........ ........ and so on upto 15 Same you have given the textbox id as first TextBox = "txtOtherQuestionNo_1" second TextBox = "txtOtherQuestionNo_2" third TextBox = "txtOtherQuestionNo_3" forth TextBox = "txtOtherQuestionNo_4" fifth TextBox = "txtOtherQuestionNo_5" ........ ........ and so on upto 15 Then you can check in each question whether it has checked for other option checkBox and take value of textbox as shown below var otherAnswer = "" ; for ( var q = 1; q if ($( '#chkOtherQuestionNo_' + q).is( ":checked" )) { //Checking if other option has been checked otherAnswer = $( '#txtOtherQuestionNo_' + q).val(); //Accessing value of other answer } } As every question has one checkbox and extra textbox only you have to check that other option has been checked or not . If checked then value of other textbox answer you have to get Hope this will help you

Sreekanth Reddy · Answer

In that situation, I think better to use $.each() function

Suraj Kumar · Answer

You can assign the id of textbox or checkbox dynamically also. Suppose your table has 15 records then you have to loop upto 15 times. Suppose your table have 25 question in select statement based on which you are going to create list or question then to access that you need to loop upto 25 times. I have given for loop for dynamically access and creating textbox and checkbox. You can store length in hidden field and loop according to that value.

Kalyani Shevale · Answer

@suraj sir Question is dynamically added. so there is no limit for any Question. i cant use Textbox to textbox15 this method is not possible.

Kalyani Shevale · Answer

i don't understand ur code please explain more step by step if u possible??. for (var q = 1; q if ($('#chkQuestionNo_' + q).is(":checked")) { //Write your if part }else{ //Write your else part } }

Kalyani Shevale · Answer

var txtvalue = $(this).closest("input[type=text]").val(); this code is not working... undefine message in alert

Suraj Kumar · Answer

As you already giving the id then why you are trying to access it by class you can simply access checkbox as well as textbox using id. If you want to access checkbox with id then you can write the code as shown below. for ( var q = 1; q if ($( '#chkQuestionNo_' + q).is( ":checked" )) { //Write your if part } else { //Write your else part } } Hope this will help you

Sreekanth Reddy · Answer

Hope this works for your scenario : var txtvalue = $(this).closest("input[type=text]").val(); Thank you.

Kalyani Shevale · Answer

this code is for checkbox foreach ( var i in answer) { class = "col-md-12" > class = "col-md-11" > @{ if (i.AnswerOption.Equals( "Other (Please specify)" )) { class = "checkother" > class = "col-md-4" > "checkbox" name= "chkbox" class = "checktextclass" id= "@i.Id" value= "@i.Id" /> @i.AnswerOption class = "col-md-8" > "text" name= "fname+@userSurvey.Id" class = "checkboctext" placeholder= "Other Field" id= "@i.Id" > } else { "checkbox" name= "chkbox" @* class = "checktextclass" *@ id= "@i.Id" value= "@i.Id" /> @i.AnswerOption } } } I have Used below code for Radio button in same functionality $( '.answerDropdown option:selected' ).each( function (i) { var isotherField: $( this ).closest( '.txtdrop' ).next().next( '.col-md-4' ).find( 'input[type=text]' ).val(), }); this code is work properly. but in Checkbox I below code I try $.each($( "input[name=chkbox]:checked" ), function () { isotherField:$( this ).closest( '.checkother' ).next().next( '.col-md-8' ).find( 'input[type=text]' ).val(), }) }); please Help me.

Kalyani Shevale · Answer

Do you have checkbox for all questions ? -No,I have radio button Question as well as Checkbox Question Do you want to point out only one textbox value or all(questions) textbox values ? -Yes but id is different When do you want to find the textbox value(means on what action)? If have checked any checkbox that time i want textbox value.

Kalyani Shevale · Answer

I have multiple Question in each Question has "other filed" that time only one textbox created this textbox is statically defined. but I have 2 Question with same textbox class name is same but id is dynamically generated. if I have checked in "other filed " checkbox that time we have enter value in this textbox. how to get two textboxes two different value in jquery.

Sreekanth Reddy · Answer

Please clarify below points : Do you have checkbox for all questions ? Do you want to point out only one textbox value or all(questions) textbox values ? When do you want to find the textbox value(means on what action)?

Suraj Kumar · Answer

You can access textbox in jquery using val() function with their id as shown below var valueOfTextBox = $( '#YourTextBoxId' ).val(); You can also read textbox value dynamically with id as shown below var questionNo = 5; var valueOfTextBox = $( '#YourTextBoxId' + questionNo).val(); Even you can access textbox value in loop also as per requirement. Hope this will help you.

in Jquery checked on checkbox get value in another text

Answers (14)